Lista desplegable obligatoria en formulario usando HTML5

HTML5 nos aporta muchas utilidades que ayudan y aportan sencillez a algunas funcionalidad a la hora de programar (nos evitamos usar JavaScript).

Una funcionalidad muy útil es el parámetro required.

La funcionalidad del atributo required es no permitir lanzar un formulario si algún campo de los marcados como obligatorios se encuentra vació.

En nuestro caso vamos a aplicar el atributo required sobre el tag select de HTML.

Sintaxis del atributo required
<input required>
Tags donde se puede aplicar el atributo required
  • Listas
  • Textos
  • Campo de búsqueda
  • Teléfono
  • Email
  • Contraseña
  • Fechas
  • Números
  • Checkbox
  • Radio
  • Direcciones URL
  • Subida de archivos (upload)
Podemos visualizar un ejemplo en la siguiente imagen

El input del ejemplo de nuestra lista sería:

<select class="form-control" name="listaActividad" required>
   <option value=''>Seleccionar Actividad</option>
</select>

Iván Martínez

Ingeniero Informático apasionado por el mundo del desarrollo WEB. Me gusta caminar por este mundo lleno de tecnologías y día a día aprender cosas nuevas como el doctor Frankenstein ¡dadme cosas para experimentar!

Deja un comentario

Tu dirección de correo electrónico no será publicada.