Atributos de formularios en html

El atributo name

Observe el codigo, cada input tiene un atributo que se llama name

Si ese atributo se omite, el formulario no será enviado

---

Atributos en los formularios

El atributo action nos indica onde debe ser enviado el formulario

Si lo dejamos en blanco, el formulario sera enviado a la propria página

Si especificamos un destino, sera enviado a ese destino

Ejemplo de codigo

cuando hacemos click nel button enviar el seguinte formulario sera enviado a action_page.php

    <form action="/action_page.php">
    <label for="fname">First name:</label><br>
    <input type="text" id="fname" name="fname" value="John"><br>
    <label for="lname">Last name:</label><br>
    <input type="text" id="lname" name="lname" value="Doe"><br><br>
    <input type="submit" value="Submit">
    </form>
    

---

...

Atributo target

El atributo target especifica donde mostrar la respuesta que recibe despues de enviar el formulario

target puede tener los seguientes elementos:

Valor	Descricion
_blank	La respuesta se muestra en una nueva ventana o pestaña
_self	La respuesta se muestra en la ventana actual.
_parent	La respuesta se muestra en el marco principal..
_top	La respuesta se muestra en el cuerpo completo de la ventana.
framename	La respuesta se muestra en un iframe con nombre.

NotaPor defecto se muestra en la ventana actual

Respuesta en otra ventana

Si enviamos el seguiente formulario obtendremos la respuesta en otra ventana

First name:

Last name:

---

Atributo Method

El atributo method especifica el metodo de envio

Los datos de un formularios se pueden enviar como variables URL por dos metodos

• Metodo GET
• Metodo POST

El metodo predeterminado es el metodo GET

Ejemplo de codigo

<form action="/action_page.php" method="get">

Por POST

<form action="/action_page.php" method="post">

Notas sobre GET

• Agrega los datos del formulario a la URL, en pares de nombre/valor
• ¡NUNCA use GET para enviar datos confidenciales! (¡Los datos del formulario enviado son visibles en la URL!)
• GET es bueno para datos no seguros, como cadenas de consulta en Google
• Útil para envíos de formularios en los que un usuario desea marcar el resultado
• La longitud de una URL es limitada (2048 caracteres)

Notas sobre POST

• Agrega los datos del formulario dentro del cuerpo de la solicitud HTTP (el los datos del formulario no se muestran en la URL)
• POST no tiene limitaciones de tamaño y se puede utilizar para enviar grandes cantidades de datos.
• Los envíos de formularios con POST no se pueden marcar

Si los datos del formulario son personales o confidenciales use POST

---

atributo de autocompletar

Si un formulario tiene autocompletado activado o desativado lo indica el atributo autocomplete

Codigo de ejemplo

<form action="/action_page.php" autocomplete="on">

---

atributo Novalidate

novalidate es un atributo booleano

Si este atributo esta en un formulario significa que los datos no deben ser validados

Codigo de ejemplo

<form action="/action_page.php" novalidate>

---

Ir al indice