El elemento <input>

El elemento <input> tiene nuevos valores para el atributo type.

• search: El elemento representa una caja de búsqueda. Los saltos de línea son quitados del valor ingresado pero no se modifica ninguna otra sintaxis.
• tel: El elemento representa un control para editar un número de teléfono, porque los números telefónicos varían ampliamente en el mundo. Puedes usar atributos como pattern y maxlength para restringir los valores ingresados en la caja.
• url: El elemento representa un control para editar una URL. Se quitan los saltos de línea y espacios en blanco antes y después del valor ingresados.
• email: El elemento representa una dirección de correo electrónico. Los saltos de línea se quitan automáticamente del valor ingresado. Puede ingresarse una dirección de correo no válida, pero el campo de ingreso sólo funcionará si la dirección ingresada satisface la producción ABNF 1*( atext / "." ) "@" ldhstr 1*( "." ldhstr ) donde atext está definida en RFC 5322, sección 3.2.3 y ldhstr está definida en RFC 1034, sección 3.5.

El elemento <input> también tiene nuevos atributos:

• list: El ID de un elemento <datalist> cuyo contenido, los elementos <option>, van a ser usados como ayudas y serán mostrados como propuestas en el área de sugerencias del campo input.
• pattern: Una expresión regular contra la que es verificado el valor del control, que puede ser usada con valores de type de text, tel, search, url y email.
• formmethod: Una cadena que indica qué método HTTP (GET, POST, PUT o DELETE) debe ser usado cuando se envía; sobrescribe el method del elemento <form>, si se define. El formmethod sólo se aplica cuando el type es image o submit, y, para los métodos PUT y DELETE, sólo funcionará con un destino que esté en el mismo dominio (política del mismo origen).

El elemento <form>

El elemento <form> tiene un nuevo atributo:

• novalidate: Este atributo previene que el formulario sea validado antes del envío.

El elemento <datalist>

El elemento <datalist> representa la lista de elementos <option> como sugerencias cuando se llena un campo <input>.

Puedes usar el atributo list en un elemento <input> para enlazar a un campo de ingreso específico con un elemento <datalist> determinado.

El elemento <output>

El elemento <output> (en-US)") representa el resultado de un cálculo.

Puedes usar el atributo for (en-US)") para especificar una relación entre el elemento output y otros elementos en el documento que afectan el cálculo (por ejemplo, ingreso de datos o parámetros). El valor del atributo for (en-US)") es una lista separada por espacios de IDs de otros elementos.

El atributo placeholder

El atributo placeholder en elementos <input> y <textarea> provee una ayuda a los usuarios acerca de qué debe ser ingresado en el campo. El texto introducido en el placeholder no debe contener «enters» o saltos de línea.

El atributo autofocus

El atributo autofocus te permite especificar que una parte del formulario debe tener foco para ingresar información cuando se carga la página, a menos que el usuario lo cambie, por ejemplo al escribir en otro lugar. Sólo un elemento del formulario en un documento puede tener el atributo autofocus, que es de tipo boolean. Este atributo puede ser aplicado a los elementos <input>, <button>, <select> y <textarea>. La excepción es que autofocus no puede ser aplicado a un elemento <input> si el atributo type hidden está seleccionado (esto quiere decir, no se puede enfocar automáticamente un elemento escondido).

La propiedad label.control del DOM

La interface HTMLLabelElement DOM brinda una propiedad extra, sumadas a las propiedades que corresponden a los atributos del elemento <label> de HTML. La propiedad control devuelve el controlador etiquetado, es decir el controlador para quien está hecha la etiqueta, que está determinado por el atributo for (si está definido) o por el primer elemento controlador descendiente.