Wikilibros

Diferencia entre revisiones de «Lenguaje HTML/Formularios»

Explorar historial interactivamente
← Edición anteriorEdición siguiente →
Contenido eliminado Contenido añadido
VisualWikitexto
m Bot: Convirtiendo o corrigiendo el código HTML; cambios triviales
m Deshecha la revisión 221116 de Ralgisbot (disc.)
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 –
 
Línea 10:
 
== Elementos ==
Para enviar datos en un formulario se necesitan cuadros de texto. La etiqueta que se usa es '''<b><input> '''</b>(no tiene etiqueta de cierre) y tiene varios atributos:
 
* type: Define el tipo de texto que se introduce en el cuadro, sus valores pueden ser:
Línea 48:
<table border="3" bgcolor="lightgreen" align="center" >
<tr align="center">
<td>'''<b><select name="pais">'''</b>
</td>
<td>'''<b><option value="Arg">'''</b>Argentina'''<b></option>'''</b>
</td>
</tr>
<tr align="center">
<td align="center">'''<b><option value="Br">'''</b>Brasil'''<b></optiont>'''</b>
</td>
<td>'''<b><option value="Ch">'''</b>Chile'''<b></option>'''</b>
</td>
</tr>
<tr align="center">
<td>'''<b><option value="Eu">'''</b>Estados Unidos'''<b></option>'''</b>
</td>
<td align="center">'''<b><option value="Mx">'''</b>México'''<b></option>'''</b>
</td>
</tr>
<tr align="center">
<td colspan="2">'''<b><option value="Vz">'''</b>Venezuela'''<b></option>'''</b>
</td>
</tr>
Línea 79:
<td><b><select name="pais" size="3" multiple>
</td>
<td>'''<b><option value="Arg">'''</b>Argentina'''<b></option>'''</b>
</td>
</tr>
<tr align="center">
<td>'''<b><option value="Br">'''</b>Brasil'''<b></optiont>'''</b>
</td>
<td>'''<b><option value="Ch">'''</b>Chile'''<b></option>'''</b>
</td>
</tr>
<tr align="center">
<td>'''<b><option value="Eu">'''</b>Estados Unidos'''<b></option>'''</b>
</td>
<td>'''<b><option value="Mx">'''</b>México'''<b></option>'''</b>
</tr>
<tr align="center" weight="100%">
<td colspan="2">'''<b><option value="Vz">'''</b>Venezuela'''<b></option>'''</b>
</td>
</tr>
Línea 107:
<table align="center" border="3" bgcolor="lightgreen">
<tr align="center">
<td>'''<b><input type="radio" name="pais" value="Arg">'''</b>Argentina<br />
</td>
<td>'''<b><input type="radio" name="pais" value="Br">'''</b>Brasil<br />
</td>
</tr>
<tr align="center">
<td>'''<b><input type="radio" name="pais" value="Ch">'''</b>Chile<br />
</td>
<td>'''<b><input type="radio" name="pais" value="Eu">'''</b>E.U.<br />
</tr>
<tr align="center">
<td>'''<b><input type="radio" name="pais" value="Mx" checked>'''</b>México<br />
</td>
<td colspan="2">'''<b><input type="radio" name="pais" value="Vz">'''</b>Venzuela<br />
</td>
</table>
Línea 129:
<table align="center" border="3" bgcolor="lightgreen">
<tr align="center">
<td>'''<b><input type="checkbox" name="pais" value="Arg">'''</b> Argentina
</td>
<td>'''<b><input type="checkbox" name="pais" value="Br">'''</b> Brasil
</td>
</tr>
<tr align="center">
<td>'''<b><input type="checkbox" name="pais" value="Ch">'''</b> Chile
</td>
<td>'''<b><input type="checkbox" name="pais" value="Eu">'''</b> E.U.
</td>
</tr>
<tr align="center">
<td>'''<b><input type="checkbox" name="pais" value="Mx" checked>'''</b> México
</td>
<td colspan="2">'''<b><input type="checkbox" name="pais" value="Vz">'''</b> Venezuela
</td>
</tr>
Línea 153:
Un ejemplo de un formulario:
<form action="mail@dominio.com" method="post">
Nombre: <input type="text" name="nombre" size="15" maxlength="20"> <br />
E-Mail: <input type="text" name="email" size="15" maxlength="20"> <br />
País: <select name="pais">
<table align="center" border="3" bgcolor="lightgreen">
<tr align="center">
<td>'''<b><option value="Arg">'''</b>Argentina'''<b></option>'''</b>
</td>
<td>'''<b><option value="Br">'''</b>Brasil'''<b></optiont>'''</b>
</td>
</tr>
<tr align="center">
<td>'''<b><option value="Ch">'''</b>Chile'''<b></option>'''</b>
</td>
<td>'''<b><option value="Eu">'''</b>Estados Unidos'''<b></option>'''</b>
</td>
</tr>
<tr align="center">
<td>'''<b><option value="Mx">'''</b>México'''<b></option>'''</b>
</td>
<td colspan="2">'''<b><option value="Vz">'''</b>Venezuela'''<b></option>'''</b>
</td>
</tr>
</table>
Sexo: <input type="radio" name="sexo" value="hombre"> Hombre
<input type="radio" name="sexo" value="mujer"> Mujer<br />
Urgente: <input type="checkbox" name="prioridad" value="si"> Sí
Comentario: <textarea rows="3" cols="40" name="comentario"></textarea><br /><br />
<input type="submit" value="Enviar"> <input type="reset" value="Borrar">
</form>
Obtenido de «https://es.wikibooks.org/wiki/Lenguaje_HTML/Formularios»