Toggle navigation
Betabeers
Foro
Empleo
Agenda
Streamers
Tests
Charlas
Cursos
Comunidades
Entrar
Acabas de votar el comentario
Portada
>
Foro
>
HTML5
Impedir escribir en una lista desplegable
Me gusta
703 visitas
0
Jose Sarabia
30/01/2017 17:34
Tengo varios desplegables en un formulario, y los usuarios, en muchas ocasiones, escriben en vez de seleccionar las opciones que aparecen. Quisiera poder evitar que escribieran.
<tr>
<td>Ruta</td>
<td><input class="a" type="text" list="ruta" name="ruta" placeholder="Elige la ruta a realizar" required></td>
<datalist id="ruta">
<option label="Corta" value="Corta"></option>
<option label="Larga" value="Larga"></option>
</datalist>
</tr>
Responder
Responder
Para comentar tienes que estar registrado.
Registrate
Publicar comentario
0
Alfredo Gimenez
31/01/2017 11:26
Hola, has pensado en usar un control en su lugar?
Responder
0
Jose Sarabia
31/01/2017 11:33
Como podría hacerlo? Gracias Alfredo.
Responder
0
Alfredo Gimenez
31/01/2017 11:45
Mira aquí, que si te pego el código sale mal interpretado.
http://codepen.io/archibinario/pen/EZQVOw
Responder
0
Jose Sarabia
31/01/2017 12:37
Muchisimas gracias Alfredo.
Responder
0
Alfredo Gimenez
31/01/2017 11:42
Mira a ver así:
Ruta
Elige la ruta a realizar
Corta
Larga
Responder
Este sitio necesita cookies para que funcione correctamente
Aceptar Cookies
Política de cookies
<tr>
<td>Ruta</td>
<td><input class="a" type="text" list="ruta" name="ruta" placeholder="Elige la ruta a realizar" required></td>
<datalist id="ruta">
<option label="Corta" value="Corta"></option>
<option label="Larga" value="Larga"></option>
</datalist>
</tr>
31/01/2017 11:26
31/01/2017 11:33
31/01/2017 11:45
http://codepen.io/archibinario/pen/EZQVOw
31/01/2017 12:37
31/01/2017 11:42
Ruta
Elige la ruta a realizar
Corta
Larga