|
|
|
Topic |
Como crear una cajilla desplegable
Como hacer un valor seleccionable en un combo box
Como crear una cajilla de selección con opciones múltiples
|
|
Explicación |
Combo box Desplegable
Código:
<form name=myform>
<select name=mytextarea>
<option name=uno value=one> uno </option>
<option name=dos value=two> dos </option>
<option name=tres value=three> tres </option>
</select>
</form>
Resulta:
Definición:
Se define la cajilla desplegable usando las etiquetas "select" y "option" . La Cajilla seleccionable es definida usando la etiqueta "select". El número de opciones en el combobox es definido usando la etiqueta "option". En el ejemplo se le da al usuario tres opciones para seleccionar el formulario. El nombre mostrado por opción es dado por la etiqueta "option".
Scrollable Select Option
La medida de la opción elegida pede ser definida usando el atributo "size" dentro de la etiqueta "select".
Código:
<form name=myform>
<select name=mytextarea size=2>
<option name=uno value=one> uno </option>
<option name=dos value=two> dos </option>
<option name=tres value=three> tres </option>
<option name=cuatro value=four> cuatro </option>
</select>
</form>
Resulta:
Opción de Selección Múltiple
Podemos dar a los usuarios la opción de selección múltiple usando "multiple".
El usuario puede realizar la opción de selección múltiple utilizando las teclas "shift" o "Ctrl".
Código:
<form name=myform>
<select name=mytextarea size=3 multiple>
<option name=uno value=one> uno </option>
<option name=dos value=two> dos </option>
<option name=tres value=three> tres </option>
<option name=cuatro value=four> cuatro </option>
</select>
</form>
Resulta:
Opción Preseleccionada
La opción puede ser preseleccionada usando la entidad "selected".
Código:
<form name=myform >
<select name=mytextarea size=2>
<option name=one value=uno> uno </option>
<option name=two value=dos> dos </option>
<option name=three value=tres selected> tres </option>
<option name=four value=cuatro> cuatro </option>
</select>
</form>
Resulta:
|
privacy policy
license
© 2004-2005 HIOX INDIA - hioxindia.com
|
|
|
|
|
|
