divulgación: su soporte ayuda a mantener el sitio funcionando! Ganamos una tarifa de referencia por algunos de los servicios que recomendamos en esta página.

valor de cómo definir el tipo de entrada en HTML (todos los valores y atributos) ¿qué hace Handling Checkbox Data With In HTML: Here's How? Define una casilla de verificación, que el usuario puede activar o desactivar.,

ejemplo de Código

<form> <input type="checkbox" name="love" value="love"><label for="love"> Check if you love this website!</label></form>

manejo de datos de casilla de verificación

Las casillas de verificación son un poco difíciles de manejar desde el punto de vista de los datos. Parte de esto es que hay esencialmente dos maneras diferentes de pensar sobre su funcionalidad. Con frecuencia, un conjunto de casillas de verificación representa una sola pregunta que el usuario puede responder seleccionando cualquier número de respuestas posibles. Es importante destacar que no son exclusivos el uno del otro. (Si desea que el usuario solo pueda elegir una sola opción, use cajas de radio o el elemento <select>.,)

compruebe todos los idiomas en los que tiene competencia.

HTML
CSS
JS
PHP
Ruby
INTERCAL

la forma natural de representar esto en su código de aplicación (lado del servidor o front-end) es con una matriz.

userLangs =

Sin embargo, así no es como el navegador enviará los datos. Más bien, el navegador trata una casilla de verificación como si siempre se estuviera utilizando al revés, como un valor de verdad booleana.

<input type="checkbox" name="tandc" value="true"><label for="tandc"> I agree to all terms and conditions.</label>
acepto todos los términos y condiciones.

a diferencia de los botones de opción, un conjunto de casillas de verificación no están lógicamente Unidas en el código., Así que desde el punto de vista de HTML, cada casilla de verificación en un conjunto de casillas de verificación es esencialmente por sí misma. Esto funciona perfectamente para Casillas de verificación de valores booleanos de una sola opción, pero presenta un pequeño contratiempo para matrices de opciones. Hay dos maneras de lidiar con ello. Puede dar a todas las casillas de verificación el mismo atributo name, o puede dar a cada una un atributo diferente name.,

si usa el mismo name para Todos, su cadena de solicitud se verá así: langs=HTML&langs=CSS&langs=PHPsi usa nombres diferentes, se verá así: HTML=HTML&CSS=CSS&PHP=PHP el primero parece un poco preferible, pero ¿qué sucede cuando llega a PHP e intenta obtener los valores?

$langs = $_REQUEST; // What is $langs ?

en PHP, puede asegurarse de que las varias casillas de verificación con nombre idéntico se combinen en una matriz en el servidor añadiendo un conjunto de corchetes cuadrados () después del nombre.,

vea este tutorial de formularios PHP para más información. Esta sintaxis de creación de matrices es en realidad una característica de PHP, y no HTML. Si está utilizando un lado del servidor diferente, es posible que tenga que hacer las cosas un poco diferente. (Afortunadamente, si está usando algo como Rails o Django, probablemente usará algunas clases de constructor de formularios y no tendrá que preocuparse tanto por el marcado.)

buenas prácticas de etiquetado

siempre debe poner el <label> después del <input type="checkbox">, y en la misma línea., Normalmente debe haber un espacio entre el <input> y el <label>. Puede lograr esto con un poco de margen, o simplemente con un espacio tipográfico. El <label> siempre debe usar for atributo, el cual especifica que está conectado a la etiqueta <input> por id. Esta es una práctica de usabilidad importante, ya que permite al usuario Marcar y desmarcar la casilla haciendo clic en la etiqueta, no solo en la casilla (demasiado pequeña) en sí., Esto es aún más crítico hoy en día que en el pasado debido a las pantallas táctiles: desea darle al usuario la experiencia de casilla de verificación más fácil posible.

¡Sí! Hazlo de esta manera.

No. Esto necesita espacio entre la caja y las palabras.

No. La casilla de verificación debe aparecer antes de la etiqueta.

No. La etiqueta debe identificar la casilla de verificación.¿te gusta de esta manera? (Mal.)

es increíble la gran diferencia que hacen los pequeños detalles como ese en la forma en que tu usuario experimenta y siente acerca de tu sitio., Quieres hacer que tus usuarios estén felices de usar tus formularios, o al menos no odiarlos. Estilo de forma adecuada y la usabilidad ir un largo camino para mejorar la satisfacción general de su experiencia de los usuarios. Para obtener más información, consulte nuestros tutoriales sobre estilos de formularios y usabilidad de formularios.

Adam es un escritor técnico que se especializa en la documentación para desarrolladores y tutoriales.,

Browser Support for checkbox

All All All All All All