Vamos a repasar el nuevo atributo formtarget HTML5, con este atributo podemos elegir el target de destino de un formulario web.
Solo es aplicable a los input de tipo submit.
Sintaxis del atributo formtarget HTML5
Vamos a repasar la sintaxis de este atributo HTML5 según recoge su página oficial:
1 2 3 4 |
<form action="action1.php"> Nombre: <input type="text" name="nombre"> <input type="submit" formtarget="_blank" value="Enviar"> </form> |
Tal y como podéis apreciar el el código superior, el atributo se añade al input y señalamos que el formulario se envíe en una ventana nueva.
Ejemplo del atributo formtarget HTML5
Vamos a ver un sencilo ejemplo de este nuevo elemento HTML5.
1 2 3 4 5 |
<form action="/demos/2014/028-ejemplo-atributo-formtarget-html5.php" method="POST"> Nombre: <input type="text" name="nombre"> <input type="submit" formtarget="_blank" value="Enviar en target blank"> <input type="submit" value="Enviar"> </form> |
En el código superior del ejemplo tenemos un formulario con método POST, con un input para insertar el nombre y otros 2 de tipo submit, uno tiene el atributo formtarget con el cual el formulario se procesa en una nueva ventana/pestaña. Con el otro input enviamos el formulario en la misma ventana.
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.