Wikilibros

Diferencia entre revisiones de «Lenguaje HTML/Formularios»

Explorar historial interactivamente
← Edición anteriorEdición siguiente →
Contenido eliminado Contenido añadido
VisualWikitexto
Algunas mejoras de estilo
m Bot: Convirtiendo o corrigiendo el código HTML; cambios triviales
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»