Diferencia entre revisiones de «Lenguaje HTML/Formularios»
Contenido eliminado Contenido añadido
Sin resumen de edición |
Algunas mejoras de estilo |
||
Línea 1:
Mediante el envío de formularios se pueden enviar datos de un artículo, de una encuesta o normalmente para enviar un mensaje a un '''e-mail'''. Para hacer esto deberíamos saber un poco sobre los lenguajes de tipo servidor, '''ASP''' o '''PHP''', pero por el momento seguiremos con '''''HTML'''''. La etiqueta para un formulario, es '''<form>''', y sus atributos son los siguientes:
▲ '''method''': Indica el método por el que se enviarán los datos. Existen 2:
▲ POST: Envía datos por la entrada estándar STDIO (utilizado normalmente).
▲ GET: Envía datos por medio de un URL (enlace).
▲ '''action''': Indica el mail a donde se enviarán los datos o el nombre del archivo .php o .asp –
<form action="mail@dominiio.com" method="post"></form> o <form action="form.php" method="post"></form> </font>▼
La etiqueta que se usa es <b><input> </b>(no tiene etiqueta de cierre) y tiene varios atributos:▼
<li>type: Define el tipo de texto que se introduce en el cuadro, sus valores pueden ser:▼
<li>text: Cualquier tipo de texto como el nombre, e-mail, dirección...▼
<li> password: Se usa para ocultar las claves o datos confidenciales (al escribir en este, muestra *******.▼
<li>hidden: Datos escondidos, asunto, e-mail de destino...▼
<li>button: Crea un botón.▼
<li>image: Hace que una imagen sea el enlace (la imagen se muestra con el atributo src).▼
<li>submit: Envía el formulario.▼
<li>reset: Borra los campos del formulario.▼
<li>value: Indica el valor de un atributo o el nombre que se mostrará (en el cuadro).▼
<li>name: Nombre del campo.▼
<li>maxlength: Indica el número de caracteres máximo para escribir.▼
<li>size: Indica el tamaño del cuadro de texto.▼
Ejemplo:
▲ <form action="mail@dominiio.com" method="post"></form> o <form action="form.php" method="post"></form
<form method="post">▼
Nombre <input type="text" name="nombre" maxlength="10" size="15">▼
== Elementos ==
Password <input type="password" name="contraseña" maxlength="10" size="15">▼
▲Para enviar datos en un formulario se necesitan cuadros de
<input type="submit" name="enviar" value="Enviar">▼
<input type="reset" name="Borrar" value="Borrar Todo">▼
</form>▼
▲
Ejemplo:
▲ <form method="post">
▲ Nombre <input type="text" name="nombre" maxlength="10" size="15">
▲ Password <input type="password" name="contraseña" maxlength="10" size="15">
▲ <input type="submit" name="enviar" value="Enviar">
▲ <input type="reset" name="Borrar" value="Borrar Todo">
▲ </form>
Resultado:
| |||