"Select" webform component is confusing (renders as HTML select, checkboxes or radios element)

Spinning this off from #711300-3: Distinguish between the different types of webform-select when adding #prefix to form elements and #4 in that issue:

Currently (in 2.7 at least) radios are a webform select which is not a listbox and doesn't allow multiple values; checkboxes are a webform select which is not a listbox and does allow multiple values; and a select is a webform select that is a listbox .. this one can, of course, cope with a single value constraint or allow multiple values. Obvious, eh? ;)

having "select" as a single option is confusing

It seems to me that what checkboxes, radios and a select have in common is options, so I propose that the webform component be called "options".

On the component edit/add screen at the moment near the bottom we have first the checkbox for "Multiple" and then the one for "Listbox". I'd suggest changing these to a radios element, perhaps something like this:

How should the options be presented?
- Radio buttons (i.e. only one can be selected)
- Checkboxes (i.e. multiple options can be selected)
- Dropdown which allows only one value to be selected
- Dropdown which allows multiple values to be selected

Not quite sure if Dropdown, Listbox or Select is the best terminology. Maybe use all 3 :P

While we are at it I'd reorder the elements on this screen into a more logical order:
1. Label
2. How should the options be presented?
3. Options
4. Default value
then the rest.

This related issue will also help reduce confusion: #264181: Creating a single checkbox.