Scribd
Cargar
21 vistas

HTML4

Los formularios permiten recopilar datos de los usuarios a través de campos de entrada como texto, contraseñas, botones de opción, casillas de verificación y áreas de texto. Utilizan etiquetas como <form>, <input> y <textarea> para definir los campos y atributos como action y method para especificar cómo se procesan los datos enviados.

Cargado por

Stefano Andres Herrera Arvay
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPTX, PDF, TXT o lee en línea desde Scribd
21 vistas

HTML4

Los formularios permiten recopilar datos de los usuarios a través de campos de entrada como texto, contraseñas, botones de opción, casillas de verificación y áreas de texto. Utilizan etiquetas como <form>, <input> y <textarea> para definir los campos y atributos como action y method para especificar cómo se procesan los datos enviados.

Cargado por

Stefano Andres Herrera Arvay
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPTX, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 16

Formularios

Formularios
 Tienen la misma utilidad que en la vida real.

 Permiten recabar datos de los usuarios.

 La principal diferencia con las otras páginas


HTML es que le añaden interactividad.
Formularios
 <form>
 …
 </form>

 Marcan el comienzo y el fin del formulario.


Formularios
 <input>

 Solicita información al usuario, es una


entrada del formulario. No tiene etiqueta de
cierre. Puede ser de muchos tipos, y suele
haber varios entre el comienzo y el fin de un
formulario.
Formularios
 Un formulario elemental

 <html>
 <head>
 <title>Mi primer formulario</title>
 </head>
 <body>
 <form>
 <input>
 <input>
 </form>
 </body>
 </html>
Formularios
 Además hay que indicar que hacer con los
datos que introduzca el usuario, para ello
normalmente se emplean programas PHP,
CGI, ASP, JSP.
 Por el momento solo enviaremos datos por

correo electrónico.
 Así, se emplean una serie de atributos en la

etiqueta <form> que indican como tratar los


datos recogidos.
Formularios

<form action=“mailto:
[email protected]”,
method=“post”,
enctype=“text/plain”>
Formularios
 Action: indica que hacer con los datos. En
este caso se mandan por correo electronico.

 Method: puede tomar dos valores: GET o


POST. Especifica como se envía la información
al servidor.
 Con Get la información se envía en el URL de

la página, mientras que con Post va dentro


de la petición HTTP.
Formularios
 Enctype: especifica como se codifica la
información durante la transmisión.

 Normalmente se le especifica que la


información que viaja es texto, para lo cual se
le asigna “text/plain”.
Formularios
 Entrada de texto

 <input type=“text” name=”address”

 Value= indica que valores toma la entrada o


dato. Si se especifica algún valor inicial
aparece en la caja de texto.
 Size= tamaño de la caja de texto en caracteres
 Maxlength= longitud máxima permitida por el
texto de entrada en caracteres
Formularios
 Password

 Type=“password”

 Tiene los mismos atributos que la entrada de


texto.
Formularios
 Radio button

 <input type=“radio” name=“segundo plato”


value=“pollo”>pollo asado
 <input type=“radio” name=“segundo plato”

value=“Filete” checked>filete
 <input type=“radio” name=“segundo plato”

value=“Trucha”>Trucha
Formularios
 Check Box

 <input type="checkbox" name="Lechuga"


value="yes" checked>Lechuga<br />
 <input type="checkbox" name="Cebolla"

value="yes" checked>Cebolla<br />


 <input type="checkbox" name="Queso"

value="yes" checked>Queso + 50 Cvs.<br />


Formularios
 Pull Down List

 ¿Cuál es su pcia de nacimiento?


 <select name=“Provincia”>
 <option value=“Bs As”>Buenos Aires
 option value=“L R”>La Rioja
 <option value=“Cba”>Córdoba
 </select>
Formularios
 Text area

 Escriba aquí su comentario:


 <textarea name="comentarios" rows="10"

cols="50" wrap="hard"></textarea>
Formularios
 Botones

 Submit: envía los datos que componen el


formulario que haya introducido el usuario.
 Emplea la etiqueta <input type=“submit”>

 Reset: borra todos los datos que haya


introducido el usuario.

También podría gustarte