| [ Web Proxy ] |
| Viewing: https://developer.mozilla.org/es/docs/Web/HTML/Reference/Elements/select | [Back] [Original] |
Get to know MDN better
Esta pgina ha sido traducida del ingls por la comunidad. Aprende ms y nete a la comunidad de MDN Web Docs.
This feature is well established and works across many devices and browser versions. Its been available across browsers since julio de 2015.
* Some parts of this feature may have varying levels of support.
El elemento select (<select>) de HTML representa un control que muestra un men de opciones. Las opciones contenidas en el men son representadas por elementos <option>, los cuales pueden ser agrupados por elementos <optgroup>. La opcion puede estar preseleccionada por el usuario.
| Content categories | Elementos flow content, phrasing content, interactive content, listed, labelable, resettable, y submittable form-associated. |
|---|---|
| Contenido permitido | Uno o mas elementos <option> o <optgroup>. |
| Omisin de etiquetas | Ninguna, ambas etiquetas son obligatorias |
| Elementos padre permitidos | Cualquier elemento que permita phrasing content. |
Este elemento incluye global attributes.
autofocusEste atributo permite especificar un formulario de control que debera tener enfoque de entrada cuando se carga la pgina, a no ser que el usuario lo sobreescriba, por ejemplo, escribiendo un control diferente. Solo un elemento formulario puede tener el elemento de enfoque de entrada por documento, por lo cual es un atributo booleano.
disabledEl atributo booleano especifica que el usuario no puede interactuar con el control. Si este atributo no est especificado, el control hereda los ajustes del campo que lo contiene, por ejemplo del fielset; si no hay elemento contenido con el atributo disabled, entonces el control se considera enable (activado).
formEl elemento formulario al cual el select est asociado (su propietario del formulario). Si este atributo est especificado, su valor deber ser el ID de un formulario en el mismo documento. Esto te permite situar elementos en cualquier parte del documento, no solo de manera descendiente con respecto a su elemento formulario.
multipleEste elemento booleano indica que se pueden seleccionar mltiples opciones de la lista. Si no est especificado, solo se podr seleccionar una opcin cada vez.
nameEl nombre del elemento de control.
requiredEs un elemento boooleano que indica si la opcion puede quedar sin seleccionar o si es requerida.
sizeSi el control se presenta como una lista con scroll en caja, este atributo representa el numero de filas que la list tendr visible la primera vez. Los navegadores no estn requeridos a presentar un elemento select como una lista con escroll en caja. El valor por defecto es cero.
Nota: De acuerdo con las especificaciones de HTML5, el tamao por defecto debe ser 1; sin embargo, en la prctica, esto hace que se rompan algunas pginas webs, y ningun otro navegador actualmente hace esto, as que Mozilla ha optado por continuar usando 0 desde que empez con Firefox.
Este elemento implementa la interfaz HTMLSelectElement.
<!-- The second value will be selected initially -->
<select name="select">
<option value="value1">Value 1</option>
<option value="value2" selected>Value 2</option>
<option value="value3">Value 3</option>
</select>
El contenido de este elemento es esttico y no editable.
El siguiente ejemplo muestra como simular una lista con opciones editables, pero ten cuidado ya que algunos lectores de pantallas y dispositivos de ayuda no lo interpretarn de forma correcta; este ejemplo sera html invlido si usas los elementos correctos:
This is an example de un select editable mediante un <fieldset> de radioboxes y textboxes (escrito en CSS puro, sin JavaScript),
| Specification |
|---|
| HTML # the-select-element |
<form>, <legend>, <label>, <button>, <option>, <datalist>, <optgroup>, <fieldset>, <textarea>, <input>, <output>, <progress> and <meter>.This page was last modified on 20 jun 2025 by MDN contributors.
<a><abbr>acronym<address><area><article>asideAudiob<base><bdi>bdobigblockquote<body><br>buttoncanvascaption<center>citecodecolcolgroup<data>datalistdddel<details>dfn<dialog>dir<div>dldtemembed<fencedframe>fieldset<figcaption>figurefontfooterformframeframeset<geolocation>Elementos ttulosheadheaderhgroup<hr><html>i<iframe><img>inputinskbd<label>legendlilink<main>map<mark><marquee><menu>meta<meter><nav><nobr><noembed>noframesnoscript<object>ol<optgroup><option><output>p<param><picture><plaintext><pre><progress><q><rb><rp><rt><rtc><ruby>ssamp<script><search><section><select><selectedcontent><slot>small<source>spanstrikestrongstylesub<summary>suptabla<tbody><td><template><textarea><tfoot><th><thead>time<title><tr><track>ttuulvarvideo<wbr><xmp>accesskeyanchorautocapitalizacinautocorrectautofocusclasscontenteditabledata-*dirdraggableenterkeyhintexportpartsheadingoffsetheadingresethiddenidinertinputmodeisitemiditempropitemrefitemscopeitemtypelangnoncepartpopoverslotspellcheckstyletabindextitletranslatevirtualkeyboardpolicywritingsuggestions<input type><input type="button"><input type="checkbox"><input type="color"><input type="date"><input type="datetime-local"><input type="email"><input type="file"><input type="hidden"><input type="image"><input type="month"><input type="number"><input type="password"><input type="radio"><input type="range"><input type="reset"><input type="search"><input type="submit"><input type="tel"><input type="text"><input type="time"><input type="url"><input type="week"><script type>Your blueprint for a better internet.
Portions of this content are 19982026 by individual mozilla.org contributors. Content available under a Creative Commons license.
| Web Proxy Viewer | New URL | Original Page |