• Cctw

Campos de un formulario

Vamos a hacer el código de los campos de nuestro formulario, que irá todo entre las etiquetas que se ven en el código siguiente:

Campo de texto normal

Un campo de texto es como el siguiente:

El código para añadir este campo es <input name="nombre" type="text" />, y tenemos que poner donde pone nombre un nombre para este campo (en un formulario no debemos de poner varios campos con el mismo nombre). Además podemos agregar dentro de la etiqueta más características como el tamaño (en verde), el máximo de carácteres que puedes escribir (en rojo) o el texto que tenga escrito desde el principio (en azul):

<input name="nombre" type="text" size="30" maxlength="40" value="texto" />

Además, si quieres que lo que escribas aparezca a modo de contraseña (con asteriscos) sólo tienes que cambiar el type="text" por type="password"

Área de texto

Es como un campo de texto pero más grande:

El código para añadir este campo es <textarea name="nombre"></textarea>. Además podemos agregar dentro de la etiqueta más características como el número de columnas (en verde) y el número de líneas (en rojo):

<textarea name="nombre" cols="30" rows="4"></textarea>

Si quieres que tenga algo escrito desde el principio sólo tienes que escribirlo entre las dos etiquetas

Casilla de verificación

El código para añadir este campo es <input name="nombre" type="checkbox" value="valor" />, poniendo donde pone valor un nombre que si nosotros lo leemos sabremos que se refiere a esa casilla, y si queremos que esté marcada desde el principio sólo debemos añadirle un checked="checked".

Grupo de opciones

En este caso debemos de agregar tantos códigos como opciones querramos, pero teniendo en cuenta que a un grupo en el que sólo podamos marcar una casilla deben tener todas el mismo nombre. El código es <input type="radio" name="nombre" value="valor" />

Menú desplegable

El código del menú desplegable es el siguiente:

Sólo tenemos que poner tantas opciones como querramos y poner el selected="selected" en la opción que querramos que esté marcada

Botones

Los códigos son <input name="" type="submit" value="Enviar" /> para el botón de enviar y <input name="" type="reset" value="Restablecer" /> para el de Restablecer, poniendo en value="valor" el nombre que queramos que ponga en el botón.

Si tienes alguna pregunta que hacernos tienes el foro a tu disposición.

Volver a cómo crear una web>>