Atributo formtarget HTML5: Elige el target de un formulario

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:

<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.

<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.