Entonces en este video vamos a hablar sobre tres formas adicionales de obtener la opinión del usuario.
El primero, el botón de opción es en realidad otro tipo de etiqueta de entrada que hemos visto.
Es similar a una casilla de verificación.
El siguiente, la etiqueta de selección es cómo obtenemos los menús desplegables.
Y finalmente vamos a hablar sobre el área de texto que es cómo podemos crear entradas de
texto que son múltiples líneas de largo.
Así que voy a comenzar, por supuesto, con los estándares de HMO estándar.
Continúe y agregue el título, guarde eso y sigamos adelante y agreguemos un botón de radio.
Entonces es solo tipo de entrada porque la radio.
Y voy a duplicarlo y le voy a dar otro tipo de casilla porque
solo puede verlos uno al lado del otro.
Entonces este es un botón de radio aquí.
No puedo apagarlo una vez que lo he seleccionado.
Esta es una casilla de verificación que puedo activar y desactivar.
Entonces, la diferencia realmente es que una casilla de verificación permite que un usuario la seleccione o no, para decir que
hay cinco opciones diferentes de cosas que un usuario puede verificar.
Digamos que les pedimos a los usuarios que seleccionen su.
Este es un sitio de trabajo y queremos que seleccionen sus habilidades.
Queremos que puedan decir javascript y ver como HMO o tal vez solo javascript y son solo un montón de casillas
de verificación que activan y desactivan nuestro botón de opción.
Sin embargo, se usa generalmente cuando un usuario tiene una opción.
Por lo tanto, un ejemplo típico en los sitios web debería ser algo así como el género, en el que se le pide
que marque masculino o femenino u otro.
Y solo tienes una opción.
No puedes saber no seleccionar.
Tienes que elegir uno de los elementos para hacerlo, digamos por ejemplo, vamos a tener un formulario donde los usuarios
elijan si prefieren gatos o perros y
no hay opción de elegir ambos.
Lamentablemente en este mundo es negro o blanco o prefieren los gatos que preferimos los perros.
Entonces para hacer eso vamos a tener dos botones de radio.
Y si eso es todo lo que hacemos para comenzar, puedo elegir uno y también puedo elegir el otro.
No es exactamente lo que queremos.
Solo quiero poder elegir uno.
Entonces, lo primero que quiero hacer es obtener un formulario y voy a mover mis entradas a esa forma.
Y por ahora solo vamos a dejarlo para que sea solo una solicitud de obtención y solo la
acción predeterminada que es solo actualizar la página.
Lo siguiente que vamos a hacer es agregar algunas etiquetas, así que voy a seguir adelante y
usar la sintaxis de cuatro para que sea para perros.
Y luego tenemos que dar nuestra opinión y yo RE. perros.
Pero esos tienen que coincidir entonces.
Lo mismo aqui.
Otra etiqueta de etiqueta para gatos y luego gatos Id.
Entonces, si estás fresco ahora, tenemos dos opciones.
Pero aún puedo elegir ambos.
Entonces, lo que tenemos que hacer es decirle cómo estos dos botones de opción son para la misma opción para que pueda
elegir uno u otro, pero son una sola decisión.
necesitamos usar el atributo de nombre que recuerda que el nombre está dando a un ingreso individual un nombre pero puedo
referirme a él y también es la forma en que se almacena o envía en la solicitud de HGP que los nombres son importantes.
Entonces para hacer eso
Así que démosle un nombre aquí.
El primer nombre será, vamos, vamos a llamarlo elección de mascota.
Y luego con la entrada aquí también le daremos el mismo nombre.
Y la razón por la que hacemos eso que verá en tan solo un segundo es que al darles el mismo nombre los
conecta y ahora solo podemos elegir uno.
Entonces, si actualizamos
Puedo hacer clic en perros o gatos, pero no en ambos.
Y una cosa más que te mostraré.
Agreguemos un botón al final del formulario.
Y lo que hemos visto hasta ahora es en realidad el tipo de entrada igual que enviar en la parte inferior de un
formulario, pero te estoy mostrando un botón solo para mostrarte que si el botón es lo último en un formulario, en realidad
enviará el formulario .
Entonces, hay algunas opciones de entradas para enviar el formulario al final del botón al final o el tipo de
entrada que va a enviar.
Entonces, vamos a elegir perros por supuesto.
La única opción natural allí.
Recuerde que el nombre es la elección de la mascota, por lo que deberíamos ver algo aquí en la cadena de consulta al igual que
con cualquier otra entrada.
Cuando hago clic en ir, vemos las opciones de mascotas iguales a O N o en las que no es realmente lo que esperábamos.
Entonces nos falta algo que es necesario también decir cuál es el valor de esta decisión.
Entonces, cuando continúe y agregue la etiqueta de valor dentro de ese atributo de valor.
Y digamos que este valor será solo perro y este será un gato y seamos buenos gordos solo para
que puedas ver lo que viene de donde.
DE ACUERDO.
Por lo tanto, si el usuario hace clic en perros con el nombre de elección de mascota, almacene el valor de perros en mayúsculas si el
usuario envía y hace clic en los gatos por debajo del valor o el nombre de mascota elige el valor de los
gatos en mayúsculas.
Entonces, solo para mostrarles que haga clic en ir a los perros y obtener la opción de mascota es igual a los perros.
Si hacemos gatos, obtenemos elección de mascotas porque los gatos.
Entonces, el siguiente elemento del que vamos a hablar es la etiqueta de selección y con una etiqueta
de selección, qué hacer es crear buenos menús desplegables.
Entonces se llama el nombre de la etiqueta.
Es solo seleccionar.
Es una etiqueta de apertura y cierre.
Y si solo hago eso y luego solo deslizo y renuevo mi página.
De hecho, ya tengo un menú desplegable.
Está completamente vacío.
Entonces, junto con la etiqueta de selección, usamos la etiqueta de opción.
Entonces, dentro de allí, para cada opción posible que queremos usar o para elegir, agregamos una etiqueta de opción.
Así que hagamos un menú desplegable que lleve al usuario a elegir su
color favorito y hagamos algunas opciones aquí.
Rojo anaranjado y amarillo.
Como puede ver, ya tenemos un buen menú desplegable aquí con nuestras opciones.
Y si presiono ir, seleccione naranja y presiono ir.
Verás que en realidad no obtenemos nada aquí y allá, así es como lo hacemos si seleccionamos los perros que son amarillos
esta vez y ellos aciertan a ir.
Todavía recibo solo una elección de mascota y eso es porque no tenemos un nombre que proporcionemos.
Entonces, en nuestra selección, necesitamos darle un nombre y simplemente llamarlo favorito, vamos por el color
y dejarlo así.
Y actualizo mi página hagamos clic en gatos, hagamos clic en amarillo y observemos aquí cuando toco ir.
Ahora recibo mascotas y el color del gato es amarillo.
Entonces, lo que verán es que dependiendo de la opción que he seleccionado en este caso, mapas amarillos, el
navegador toma lo que sea que el texto esté dentro de esa opción y simplemente lo envía como un
valor bajo el nombre de color.
el valor que se envía en la solicitud sea idéntico a lo que se muestra al usuario en el menú desplegable.
Por lo tanto, no siempre queremos que
Así que un ejemplo de eso podría ser algo así como si quisiéramos que el usuario eligiera un estado
de ánimo, así que digamos cuál es su estado de ánimo actual y queremos tener una cara feliz aquí.
Una cara sin emociones, supongo, y una cara triste.
Y terminamos con este bonito menú desplegable aquí con nuestros emoticones, pero digamos que cuando un
usuario selecciona feliz no queremos que todo esto se envíe.
En cambio, queremos que la palabra sea feliz de ser enviada o la palabra que se dice que se envíe para hacer eso.
Usamos la etiqueta de valor, perdón el atributo de valor.
Entonces diremos que el valor es igual a.
Y digamos Happy es igual a neutral y value es igual a set.
Ahora si actualizo los perros correctos, salgamos y hago clic en ir.
Puedes ver que la elección de la mascota es perros y el color es igual a dicho.
Y, por supuesto, eso se debe a que mantuvimos el nombre del color que querríamos cambiar para que fuera de ánimo,
de modo que nuestro marcado sea significativo y en realidad tenga sentido.
Entonces los gatos son muy felices y, sin embargo, el estado de ánimo es igual de feliz.
DE ACUERDO.
Así que eso es todo lo que tenemos que cubrir con selects.
Otra cosa es la etiqueta textarea y textarea.
Lo pondré en Indian es una buena forma de crear entradas que son más de una línea.
Entonces, hemos visto que las entradas de texto como este tipo de entrada equivalen a
texto y son líneas únicas.
Pero, ¿qué pasaría si quisiéramos pedirle a un usuario una biografía o copiar y pegar un currículum o algo
que no va a funcionar muy bien y esta entrada corta realmente delgada?
Entonces textarea es en realidad otra etiqueta como seleccionar.
Entonces no es una entrada con un tipo.
En realidad, es un tipo diferente de control de forma.
Y la forma en que funciona, hay dos partes importantes.
El primero es que creamos una etiqueta de área de texto y eso por sí solo nos dará esta área de texto.
Pero lo que también podemos hacer es especificar qué tan grande es ese área de texto usando estas filas y
columnas de dos atributos.
Así que te mostraré eso aquí.
Comencemos con 10 filas y 50 columnas y puede ver que mi área de texto se expandió en ambas direcciones.
Pero definitivamente se hizo más amplio.
Entonces digamos que ahora quiero 100 filas y se puede ver que se vuelve mucho más larga.
Básicamente, podemos especificar cuántas filas y cuántas columnas cambiar las dimensiones de nuestra
área de texto.
Otra cosa es que con estos otros elementos regresemos a uno más pequeño a 10
por 10.
Al igual que con estos otros elementos, si quería enviar estos datos en la solicitud, eliminemos
esta entrada.
Necesitaría darle un nombre que sea igual a, y digamos párrafo, llenar este párrafo
con algo de texto.
Hice clic en ir y puede ver o expandir esto.
Me sale el párrafo igual al texto que tengo aquí cada
vez que voy