HOLA

Formulario - checkbox

El elemento HTML checkbox es un elemento de entrada que te permite insertar un vector o array de valores. El atributo value es usado para definr el valor enviado por el checkbox. El atributo checked se usa para indicar que el elemento está seleccionado. El atributo indeterminate se usa para indicar que el checkbox esta en un estado indeterminado (en la mayoria de las plataformas, esto dibuja una linea horizontal que atraviesa el checkbox).

Los checkbox son unos elementos HTML que nos permiten captar, del usuario, multiples selecciones sobre un tema. Suelen ser muy recurridos cuando estamos encuestando al usuario acerca de sus preferencias. En dichas situaciones, puede presentarse el caso de darle seleciones marcadas por defecto. Es por ello que tendremos que saber cómo marcar los checkbox por defecto.El elemento checkbox es otro control que se puede insertar en un formulario. Un checkbox es una casilla de selección que puede tomar dos valores (seleccionado/no seleccionado) Para ver su funcionamiento implementaremos un formulario que solicite 

Pero vayamos por pasos. Lo primero que tenemos que recordar es que los checkbox son elementos input del tipo checkbox. Para incluir un checkbox deberemos de utilizar la siguiente línea de código:

<html>
<head>
<title>Prueba de formulario</title>
</head>
<body>
<form action="/registrardatos.php" method="post">
Ingrese su nombre: <input type="text" name="nombre" size="30"><br>
Seleccione los lenguajes que conoce: <br>
<input type="checkbox" name="java">Java<br>
<input type="checkbox" name="cmasmas">C++<br>
<input type="checkbox" name="c">C<br>
<input type="checkbox" name="csharp">C#<br>
<input type="submit" value="Enviar">
</form>
</body>
</html>

Un checkbox nos permite capturar un dato del usuario mediante un elemento de check. El check puede tener dos valores, seleccionado o no seleccionado. El tipo del elemento input que utilizaremos será “checkbox”. Así lo definiremos de la siguiente forma:

<input type="checkbox" id="identificador" name="nombre"/>

En el caso del checkbox no tienen sentido el atributo tamaño ni el valor por defecto. Ya que, recordemos que solo podemos tener el check seleccionado o no. Pero lo que sí podemos hacer es generar un checkbox que esta preseleccionado. Para ello utilizamos el atributo checked.

<input type="checkbox" id="identificador" name="nombre" checked="checked"/>

Pero ¿dónde está el texto que acompaña al checkbox? Realmente el checkbox no tiene definido que acompañe al checkbox. Si no que hay que añadir el texto directamente al lado del checkbox.

<input type="checkbox" id="identificador" name="nombre" checked="checked"/> Texto del checkbox

Aunque más adelante vamos a ver una forma más correcta de asociar el texto al checkbox.

Así, si queremos crear un checkbox que nos pregunte si estamos de acuerdo con unas condiciones podríamos codificarlo de la siguiente forma:

<input type="checkbox" id="condiciones" name="condiciones"/>Está de acuerdo con las condiciones explicadas más arriba.

Los checkbox suelen ir en grupos para seleccionar varias opciones. Por ejemplo podríamos tener el siguiente código con el que podamos seleccionar qué lenguaje de programación queremos aprender.

<input type="checkbox" name="lenguaje" value="html">HTML
<input type="checkbox" name="lenguaje" value="javascript">Javascript
<input type="checkbox" name="lenguaje" value="css">CSS
<input type="checkbox" name="lenguaje" value="xml">XML