Con el atributo multiple HTML5 se pueden seleccionar varios ficheros o emails en el envío de formularios, es compatible con los input de tipo file o email.
Antes de ver un ejemplo vamos con su sintaxis.
Sintaxis del atributo multiple HTML5
Os detallo la sintaxis de este atributo HTML5 extraída de la web oficial:
|
1 2 |
<input type="file" name="archivos" multiple="multiple" /> <input type="email" name="emails" multiple="multiple" /> |
Los diferentes archivos los podremos seleccionar con la tecla CTRL y clickando en ellos, el valor devuelto para este caso será un array.
Los emails los deberemos separar con una coma, de esta manera se hará la validación automatica HTML5 para que los emails sean validos y se acepte más de uno.
Ejemplos del atributo multiple HTML5
He preparado este ejemplo para que ver en funcionamiento esta funcionalidad del atributo HTML5:
|
1 2 |
<input type="file" name="archivos" multiple="multiple" /> <input type="email" name="emails" multiple="multiple" /> |
El valor devuelto por los type file será un array y los de email tipo string.
Listado de los nuevos atributos HTML5
En esta otra url tenéis todos los nuevos atributos HTML5 para inputs y formularios.
Listado de los nuevos input HTML5
En esta url tenéis el listado completo de los nuevos input de HTML5.