Latest web development tutorials

HTML etiqueta <SELECT>

Ejemplos

Crear una lista de selección con cuatro opciones:

<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>

Trate »

Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos los principales navegadores soportan la etiqueta <select>.


definiciones de código e instrucciones

<Seleccionar> se utiliza para crear una lista desplegable.

<Seleccionar> en el <opción> etiqueta define la lista de opciones disponibles.


Notas y sugerencias

Consejo: <select> elemento es un control de formulario puede utilizarse para aceptar la entrada del usuario en el formulario.


Diferencias entre HTML 4.01 y HTML5

HTML5 añade algunas nuevas propiedades.


propiedad

Nuevo: HTML5 nueva propiedad.

属性 描述
autofocus New autofocus 规定在页面加载时下拉列表自动获得焦点。
disabled disabled 当该属性为 true 时,会禁用下拉列表。
form New form_id 定义 select 字段所属的一个或多个表单。
multiple multiple 当该属性为 true 时,可选择多个选项。
name name 定义下拉列表的名称。
required New required 规定用户在提交表单前必须选择一个下拉列表中的选项。
size number 规定下拉列表中可见选项的数目。


Propiedades globales

<Select> etiqueta es compatible con HTML propiedades globales .


Propiedades del evento

<Select> etiqueta es compatible con las propiedades de evento HTML .


Artículos relacionados

Manual de HTML DOM Referencia: Select Object