Entrada Datos

Los type hasta ahora estudiados han sido: text, button, checkbox, file, hidden, image, password, radio, reset, submit.

Los nuevos tipos de entrada de datos de formulario en HTML 5 son:

• search es un campo de busqueda similar a la busqueda en google

              <form action=”#”>
               Busca en Google  <input type=”search” name=”googlesearch”>
                                <br>
                                <input type=”submit”>
              </form>
            

• email es para especificar una dirección de correo electrónico y soporta el atributo multiple
• url es para especificar una dirección web, se utiliza pattern para asegurarnos de que la información que el usuario introduce es la correcta
• tel para especificar números de teléfonos, acepta tanto números como letras y hay que utilizar pattern para asegurarnos de que el número introducido por el usuario es correcto
• datetime para mostrar fecha y hora, se ha eliminado de la norma html, utilizandose datetime-local
• date para la fecha
• month para el mes y el año
• week para año y número de la semana
• time para la hora, empleando formato de 24 horas
• datetime-local para introducir la hora y fecha omitiendo zona horaria (se puede utilizar con estas 6 min y max expresados en segundos, y con step incrementando también en segundos)
• number se utiliza para introducir datos, se recomienda utilizar los atributos min y max para especificar los valores, ha de tenerse en cuenta de que el atributo pattern no se soporta con number y podríamos utilizar el atributo step para para el incremento con value especificando el valor por defecto
• range especifica un número cuyo valor exacto no es importante, mostrando un control deslizante, y si no se especifica min y max serán 0 y 100, con el step y number se establece en 1

              <form action=”form.asp”>
              Puntos <input type=”range” name=”puntos” min=”0” mas=”5”>
              <input type=”submit”>
              </form>
            

• color proporciona un selector de color

              <form action=”form.asp”>
              Elige tu color favorito <input type=”color” name=”colores”>
              <input type=”submit”>
              </form>
            

Siguiente

Anterior