Mundo
del Programador

Atributos Formulario


Los nuevos atributos de formulario en HTML 5 son:

  • requiered con la sintaxis requiered="requiered" si el campo esta vacio o no esta válido, el formulario no se podrá enviar y el foco se moverá en el primer elemento delformulario no válido o vacio
  • placeholder permite que se muestre una pequeña pista dentro del elemento del formulario, esta aparece difuminada y desaparece cuando el campo gana foco
  • pattern para limitar la sintaxis del texto, proporcionando una expresión regular que tiene que coincidir con la entrada para considerase válido
  • disabled se utiliza para deshabilidar un botón, un formulario etc hasta que no se hayan completado todos los campos
  • readonly este atributo es similar a disabled en el sentido de que impide al usuario de que edite un campo de formulario
  • multiple este atributo indica de que se puede incluir varios valores en un control de formulario, se puede añadir a los tipos de email y file para seleccionar mas de un correo o de un fichero
  • form puede asociar elementos de formularios con formularios en los que no está anidado
  • autocomplete especifica si el formulario tiene la funcionalidad de autocompletar, por defecto esta activado para desactivarlo autocomplete = “off”
  • datalist nos permite tener un conjunto de opciones autocompletar predefinidas, cada una de ellas situadas en un elemento option
  • list toma como valor el atributo id del datalist que se quiere asociar con la entrada de datos
                              <form action=”form.asp” method=”get”>
                                <input list=”navegador” name=”navegador”>
                                <datalist id=”navegador”>
                                  <option value=”Firefox”>
                                  <option value=”Opera”>
                                </datalist>
                                <input type=”submit”>
                              </form>
                            
  • autofocus indica que un control de formulario debe recibir el foco tan pronto como se carga la pagina, solo un elemento puede tener autofocus en una determinada página


Siguiente
Anterior