Manual de PHP: Tipos de control para los formularios

De Foros del Web

Contenido 1 Inputs 2 Radio 3 Checkbox 4 Textarea

Un formulario puede tener diversos tipos de datos para la recolección de información, vamos a ver algunos de ellos junto a una breve explicación, te recomiendo irlos probando dentro de un documento .html para que veas cómo funcionan.

Inputs

Son campos regularmente para el ingreso de texto, son los que vemos en los formularios de contacto para ingresar nombre, correo electrónico, etc. Sintaxis:

<form>
<label for="nombre_campo">Texto</label>
<input id="nombre_campo" type="text" name="nombre" value="texto_default" />
</form>

La primera línea label sirve para identificar el nombre del campo que le sigue, es además la etiqueta que aparece para que el usuario sepa qué dato se le está pidiendo que llene aunque no es necesario encerrarlo en una etiqueta label.

• • • • • captura de pantalla de ejemplo*****

Otra variante de este Input es el de tipo password que hace que el texto que se escribe en el sea reemplazado por símbolos como protección:

<input id="contraseña" type="password" name="contraseña" value=""" />

Y también podemos ocultar éstos campos de texto colocándole el type=hidden lo cual nos sirve para enviar alguna información ya predefinida junto a todo lo que el usuario ingrese.

<input type="hidden" name="contador" value="350″ />

• • • • • captura

El último tipo de input que veremos es el submit que es el botón que regularmente hacemos click para poder enviar un formulario con la información que llenamos.

<form name="input" action="programa.php" method="get">
Nombre:
<input type="text" name="nombre" />
<input type="submit" value="Enviar" />
</form>

• • • • • • • captura

Radio

Los controles de tipo Radio son los que vemos que tienen una forma redonda y se pueden utilizar para preguntar opciones de tipo falso/verdadero, masculino/femenino, etc y en donde solo puede estar seleccionada una de las opciones:

<form>
<label for="nombre_input">Masculino</label>
<input type="radio" name="sexo" value="masculino" checked="checked"/>
<label for="nombre_input">Femenino</label>
<input type="radio" name="sexo" value="femenino" />
</form>

Checked nos sirve para indicar que queremos que ese campo aparezca seleccionado desde un inicio.

• • • • • captura de pantalla de ejemplo*****

Checkbox

Estos controles son usados cuando se necesita que se pueda seleccionar una o más opciones de las que se presentan, o también cuando solo se presenta una opción y necesitamos que el usuario la marque por ejemplo para poder continuar con algún proceso.

<form>
Mac OS
<input type="checkbox" name="sistema" value="mac" checked="checked"/>
<br />
Windows
<input type="checkbox" name="sistema" value="windows" />
<br />
Apple
<input type="checkbox" name="sistema" value="linux" />
</form>

El campo value puede contener también números,

• • • • • captura de pantalla de ejemplo*****

Textarea

A diferencia del primer input que vimos, los textarea son campos grandes para ingreso de texto multilínea en donde podemos especificar la cantidad de éstas y de columnas que queramos.

<form>
<textarea id="comentario" name="comentario" rows="10" cols="30">
texto default si deseamos
</textarea>
</form>

• • • • • captura de pantalla de ejemplo*****

---