Etiqueta de selección HTML
,
, , , , y muchos más. Estas etiquetas se utilizan para diferentes propósitos, como para crear un encabezado, el
Se usa la etiqueta, para agregar un párrafo, el
Se utiliza la etiqueta y para crear un menú, la etiqueta se usa.
En este manual, discutiremos específicamente el "" etiqueta. Entonces, comencemos!
Etiqueta HTML
En HTML, el ""La etiqueta se usa para crear un menú desplegable donde puede especificar el número de opciones. Todas las opciones se agregarán entre el "" y ""Etiquetas.
Sintaxis
La sintaxis de la etiqueta Seleccionar se da de la siguiente manera:
En el bloque anterior, se utilizan las siguientes etiquetas HTML:
- seleccionar: Permite al usuario seleccionar un elemento de la lista predefinida.
- opción: Se utiliza para crear una lista de opciones desde las cuales el usuario seleccionará solo una opción.
Pasemos al ejemplo donde usaremos el ""Etiqueta para crear un menú.
Ejemplo: cree un menú desplegable con la etiqueta
En el HTML, primero, crearemos un y agregaremos un encabezado usando el
etiqueta. Para establecer el título del menú, usaremos una etiqueta de etiqueta y escribiremos "El nombre de tu animal de mascota es:"Como la etiqueta. Después de eso, usa el ""Etiqueta para hacer que las opciones sean seleccionables para el usuario y asignar los valores de opción con el"" etiqueta.
Html
Animales
Nota: Con la ayuda del "Opción Oculta seleccionada", Estamos especificando la opción predeterminada del menú como"-Escoge una opción-". Además, cuando un usuario selecciona una de las opciones dadas, se ocultará.
La imagen proporcionada a continuación indica que se ha creado el menú desplegable:
En el siguiente paso, peinaremos el menú desplegable.
En la sección CSS, usaremos "div"Para acceder al contenedor creado y establecer el color de fondo del DIV como"RGB (252, 197, 245)". Establezca la altura del Div como "270px"Y el tamaño de la fuente del texto como"largo X". Después de eso, coloque la frontera alrededor del ancho del Div como "5px", Estilo como"cresta", y color "RGB (95, 6, 88)".
CSS
divColor de fondo: RGB (252, 197, 245);
Altura: 270px;
tamaño de fuente: X-Large;
borde: 5px cresta RGB (95, 6, 88);
En la imagen proporcionada a continuación, puede ver que el DIV está diseñado:
Ahora, usaremos el "seleccionar"Para peinar el menú desplegable creado con la etiqueta. Aquí, estableceremos el color de fondo del menú como "RGB (222, 194, 218)"Y ajuste el borde usando el ancho como"3px", Estilo como"sólido", Y color como"RGB (56, 5, 68)". Después de eso, establezca el ancho como "300px", Altura como"300px", Y tamaño de fuente del menú como"grande":
seleccionarAntecedentes: RGB (222, 194, 218);
borde: 3px sólido RGB (56, 5, 68);
Ancho: 300px;
Altura: 30px;
tamaño de fuente: grande;
Producción
Eso es todo! Hemos discutido el ""Etiqueta en detalle.
Conclusión
En el HTML, el "Se utiliza la etiqueta para agregar un menú desplegable. Permite a los usuarios seleccionar cualquier opción de la lista predefinida creada con la ayuda del "" etiqueta. En este manual, hemos discutido la etiqueta y proporcionamos un ejemplo creando y diseñando el menú desplegable.