---

MARCAS DE FORMATO

Formato Básico
      <form action="url" method=*>
       ...
      <input type=submit> <input type=reset>
      </form>

Entradas Básicas
      <input type=* name=**>

<input type=*>
<input type=* value=**>
*=text, password

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

<input type=* size=**>
<input type=* maxlength=**>
**=Cantidad de Caracteres

<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=frutas>
	Banano<p>
<input type=radio name=frutas checked>
	Manzana<p>
<input type=radio name=frutas value=Naranja>
	Naranja<p>
<input type=submit><input type=reset>
</form>

<input type=image src=url.gif>

<form action=/cgi-bin/post-query method=POST>
<input type=image name=cara 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 value=nn@nn.univalle.edu.co>
Aquí hay un elemento escondido. <p>
<input type=submit><input type=reset>
</form>

Construcción Básica de Marcas de Selección
      <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=3>
	<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=3 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>
**=Cantidad de Caracteres

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

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

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

<form action=/cgi-bin/post-query method=POST>
<textarea wrap=soft name=comentario 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=comentario rows=5 cols=25> </textarea><P>
<input type=submit><input type=reset>
</form>

Título de Botones

<input type=* value=**>
*=submit, reset
**=Título del Botón. Para dos o más palabras, debe ir entre comillas.

<form action=/cgi-bin/post-query method=POST>
Su Nombre: <input type=text name=nombre><br>
<input type=submit value=Procesar><input type=reset value=Borrar>
</form>

Guía de Diseño en HTML | Style Sheet Guide
Página | Letra | Texto | Imagen | Formato | Tabla | Marco | Inserciones


Network Communication Design - http://www.ncdesign.org/
Derechos y Publicación 1994-1997 Yuriko Ienaga yuri@ncdesign.org
Traducción y Adaptación al Español por Carlos Javier Naranjo cnaranjo@univalle.edu.co