MARCAS DE FORMATO

Estructura Básica

Formato Básico

<form action="url" method=*>
 ...
 ...
 <input type=submit> <input type=reset>
</form>

*=GET, POST

Entrada Básica

<input type=* name=**>

*=text, password, checkbox, radio, image, hidden, submit, reset

**=Nombre Simbólico para un script CGI

<input type=*>
<input type=* value=**>

<form action=/cgi-bin/post-query method=POST>
Su Nombre: 
<input type=text name=name><br>
Su Página: 
<input type=text name=home value=http://><br>
Clave: 
<input type=password name=name><br>
<input type=submit><input type=reset>
</form>

<input type=* size=**>
<input type=* maxlength=**>

<form action=/cgi-bin/post-query method=POST>
<input type=text name=a01 size=40><br>
<input type=text name=a02 maxlength=5><br>
<input type=submit><input type=reset>
</form>

<input type=checkbox>
<input type=checkbox checked>
<input type=checkbox value=**>

<form action=/cgi-bin/post-query method=POST>
<input type=checkbox name=f01>
	Banano<p>
<input type=checkbox name=f02 checked>
	Manzana<p>
<input type=checkbox name=f03 value=Naranja>
	Naranja<p>
<input type=submit><input type=reset>
</form>

<input type=radio value=**>
<input type=radio value=** checked>

<form action=/cgi-bin/post-query method=POST>
<input type=radio name=fruits>
	Banano<p>
<input type=radio name=fruits checked>
	Manzana<p>
<input type=radio name=fruits value=Naranja>
	Naranja<p>
<input type=submit><input type=reset>
</form>

<input type=image src=url>

<form action=/cgi-bin/post-query method=POST>
<input type=image name=face src=f.gif><p>
<input type=radio name=zoom value=2 checked>x2
<input type=radio name=zoom value=4>x4
<input type=radio name=zoom value=6>x6<p>
<input type=reset>
</form>

<input type=hidden value=*>

<form action=/cgi-bin/post-query method=POST>
<input type=hidden name=add [email protected]>
Aquí hay un elemento escondido. <p>
<input type=submit><input type=reset>
</form>

Marcas Básicas de Construcción de Elecciones

<select name=*>
<option> ...
</select>

<option selected>
<option value=**>

<form action=/cgi-bin/post-query method=POST>
<select name=fruits>
	<option>Banano
	<option selected>Manzana
	<option value=Mi_Favorita>Naranja
</select><p>
<input type=submit><input type=reset>
</form>

<select size=**>

<form action=/cgi-bin/post-query method=POST>
<select name=fruits size=4>
	<option>Banano
	<option selected>Manzana
	<option value=Mi_Favorita>Naranja
	<option>Durazno
</select><p>
<input type=submit><input type=reset>
</form>

<select size=** multiple>

<form action=/cgi-bin/post-query method=POST>
<select name=fruits size=4 multiple>
	<option selected>Banano
	<option selected>Manzana
	<option value=Mi_Favorita>Naranja
	<option selected>Durazno
</select><p>
<input type=submit><input type=reset>
</form>

<textarea name=* rows=** cols=**> ... <textarea>

<form action=/cgi-bin/post-query method=POST>
<textarea name=comentario rows=5 cols=60>
</textarea>
<P>
<input type=submit><input type=reset>
</form>

<textarea wrap=off> ... </textarea>

Esto es lo mismo que el valor inicial.

<textarea wrap=soft> ... </textarea>

<form action=/cgi-bin/post-query method=POST>
<textarea wrap=soft name=comment rows=5 cols=25> </textarea><P>
<input type=submit><input type=reset>
</form>

<textarea wrap=physical> ... </textarea>

<form action=/cgi-bin/post-query method=POST>
<textarea wrap=hard name=comment rows=5 cols=25> </textarea><P>
<input type=submit><input type=reset>
</form>

Network Communication Design

Original de:
Yuriko Ienaga --- [email protected] ---

Traducción y Adaptación por:
Carlos J. Naranjo --- [email protected] ---