From 1109132f09d75da9a28b649c7677bb6ce07c40c0 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:41:45 -0500 Subject: initial commit --- files/es/web/html/elemento/select/index.html | 198 +++++++++++++++++++++++++++ 1 file changed, 198 insertions(+) create mode 100644 files/es/web/html/elemento/select/index.html (limited to 'files/es/web/html/elemento/select/index.html') diff --git a/files/es/web/html/elemento/select/index.html b/files/es/web/html/elemento/select/index.html new file mode 100644 index 0000000000..edaf0488ab --- /dev/null +++ b/files/es/web/html/elemento/select/index.html @@ -0,0 +1,198 @@ +--- +title:

+ +

Notas

+ +

El contenido de este elemento es estático 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 interpretarán de forma correcta; este ejemplo sería html inválido si usas los elementos correctos:

+ +

This is an example de un select editable mediante un {{HTMLElement("fieldset")}} de radioboxes y textboxes (escrito en CSS puro, sin JavaScript), 

+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + + + + +
EspecificaciónEstadoComentario
{{SpecName('HTML5 W3C', 'forms.html#the-select-element', '<select>')}}{{Spec2('HTML5 W3C')}} 
{{SpecName('HTML4.01', 'interact/forms.html#h-17.6', '<select>')}}{{Spec2('HTML4.01')}} 
+ +

Compatibilidad con Navegadores

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support1.0{{CompatGeckoDesktop("1.0")}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
required attribute{{CompatVersionUnknown}}{{CompatGeckoDesktop("2.0")}}10{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support{{CompatVersionUnknown}} [1]{{CompatGeckoMobile("1.0")}} [2]{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
required attribute{{CompatVersionUnknown}}{{CompatGeckoDesktop("2.0")}}{{CompatNo}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +

 

+ +

[1] En la aplicación navegador para Android 4.1 (y posiblemente en versiones posteriores), hay un error cuando el menu triangulo indicador al lado de un elemento {{HTMLElement("select")}} no se muestra si {{ cssxref("background") }}, {{ cssxref("border") }}, o {{ cssxref("border-radius") }} estilos están aplicados al {{HTMLElement("select")}}.

+ +

[2] Firefox para Android, por defecto, establece un {{ cssxref("background-image") }} gradiente en todos los elementos <select multiple>. Esto puede desactivarse usando  background-image: none.

+ +

[3] Históricamente, Firefox ha permitido eventos de teclado y ratón para mostrar desde el elemento <option> al elemento padre {{HTMLElement("select")}}. Esto no ocurre en Chrome, sin embargo, aunque este comportamiento sigue apareciendo de manera incosciente en muchos navegadores. Para una mayor compatibilidad Web (y por razones técnicas), cuando Firefox está en modo multitarea el elemento <select> se muestra como una lista descendente. Este comportamiento se produce sin cambios si <select>se presenta como elemento en línea y tiene multipleas atributos definidos o tiene un atributo de tamaño cuyo valor sea mayor que uno. Mejor que ver el elemento <option> para eventos, debería mirar el elemento de enventos {event("change")}} en {{HTMLElement("select")}}. Ver {{bug(1090602)}} para detalles.

+ +

Tanto Chrome como Safari ignoran {{cssxref("border-radius")}} en los elementos {{HTMLElement("select")}} a no ser que {{cssxref("-webkit-appearance")}} esté invalidado a un valor apropiado.

+ +

Ver también

+ + + +
{{HTMLRef}}
-- cgit v1.2.3-54-g00ecf