Campos de entrada de opción múltiple para formularios HTML

• Abril 24, 2024

Si está creando un formulario en su sitio web y desea que sus visitantes elijan entre una o más opciones preseleccionadas, entonces un campo de entrada de opción múltiple es el camino a seguir.

El botón de opción es una opción muy común para las opciones de opción múltiple; a menudo los verá utilizados en cuestionarios web y formularios similares. Estos botones se usan cuando desea que su visitante seleccione solo una de varias opciones. Por ejemplo, si estaba creando un cuestionario de personalidad en su sitio web y deseaba que los visitantes seleccionaran su color primario favorito (rojo, azul o amarillo), usaría los botones de opción.

Los botones de radio están agrupados por su atributo "nombre". En un grupo de botones de radio que comparten el mismo nombre, los visitantes solo podrán seleccionar uno; Al hacer clic en un botón diferente del grupo, se anulará la selección original. El atributo "valor" define a qué opción pertenece el botón de opción, y el atributo "marcado" le permite preseleccionar una opción.

En el ejemplo anterior, la pregunta podría codificarse de la siguiente manera:

¿Cuál es tu color primario favorito?

rojo

Azul

Amarillo

En su sitio, la pregunta se vería así:

¿Cuál es tu color primario favorito?
rojo
Azul
Amarillo

El segundo campo de opción múltiple es el menú desplegable. Con un menú desplegable, puede elegir permitir múltiples selecciones o solo una; Los menús desplegables también ocupan menos espacio en la página, por lo que le permiten presentar más opciones con menos gente.

Los menús desplegables usan la etiqueta "seleccionar" como la base del campo y la etiqueta "opción" para establecer los elementos del menú. Puede modificar la etiqueta "seleccionar" con el atributo "tamaño", que especifica cuántos elementos son visibles antes de que el visitante haga clic para abrir el menú, y el atributo "múltiple", que si está configurado permite al visitante seleccionar más de una opción . También puede modificar la etiqueta "opción"; el atributo "seleccionado" le permite preseleccionar esa opción.

Aquí hay una pregunta de muestra usando un menú desplegable:

¿Cuál es tu día menos favorito de la semana?


domingo
lunes
martes
miércoles
jueves
viernes
sábado


En su sitio, la pregunta se vería así:

¿Cuál es tu día menos favorito de la semana?

domingo
lunes
martes
miércoles
jueves
viernes
sábado


La tercera opción de opción múltiple es la casilla de verificación. Las casillas de verificación son similares a los botones de opción, excepto que siempre permiten a los visitantes seleccionar múltiples opciones. Las casillas de verificación permiten los mismos atributos que los botones de opción.

Una pregunta de muestra usando casillas de verificación:

¿Qué mascota (s) tienes?

Perro

Gato

Pájaro

Ratón

Hámster

Caimán

Otro


Tus visitantes verían:

¿Qué mascota (s) tienes?
Perro
Gato
Pájaro
Ratón
Hámster
Caimán
Otro

Instrucciones De Vídeo: Validar radio buttons en formularios | Curso PHP y MySQL #12 (Abril 2024).