Então, neste vídeo, vamos falar sobre três maneiras adicionais de obter a entrada do usuário.
O primeiro botão de rádio é realmente apenas outro tipo de tag de entrada que vimos.
É semelhante a uma caixa de seleção.
A próxima, a etiqueta de seleção é a forma como recebemos menus suspensos.
E, finalmente, vamos falar sobre a área de texto, que é como podemos criar entradas de texto
que são múltiplas linhas por muito tempo.
Então vou começar Claro, com esses padrões de HMO padrão.
Vá em frente e adicione o título, salve isso e vamos em frente e adicione um botão de opção.
Então é apenas tipo de entrada, porque o rádio.
E eu vou duplicar e eu vou dar o outro tipo porque caixa de seleção
apenas para que você possa vê-los lado a lado.
Então, este é um botão de rádio aqui.
Não consigo desligar depois de selecioná-lo.
Esta é uma caixa de seleção que eu posso ativar e desativar.
Portanto, a diferença realmente é que uma caixa de seleção permite que um usuário a selecione ou não seja selecionada para dizer que
há cinco opções diferentes de coisas que um usuário pode verificar.
Digamos que pedimos aos usuários que selecionem seus.
Este é um site de trabalho e queremos que eles selecionem suas habilidades.
Queremos que eles possam dizer javascript e ver como um HMO ou talvez apenas javascript e são apenas um monte de caixas
de seleção que eles conferem e desconectam nosso botão de opção.
No entanto, é usado geralmente quando um usuário tem uma escolha.
Então, um exemplo tipicamente em sites da Web deve ser algo como gênero, onde ele pede para verificar
masculino ou feminino ou outro.
E você só tem uma escolha.
Você não pode saber não selecionar.
Você precisa escolher um dos elementos para fazer, digamos, por exemplo, vamos ter um formulário onde os usuários escolherem se
preferem cachorros ou cães e não
há opção para escolher os dois.
Infelizmente, neste mundo, é preto ou branco, quer preferem gatos, preferimos cachorros.
Então, para fazer isso, vamos ter dois botões de rádio.
E se isso é tudo o que fazemos para começar, eu posso escolher um e também posso escolher o outro.
Não é exatamente o que queremos.
Eu só posso escolher um.
Então, a primeira coisa que eu quero fazer é obter um formulário e eu vou mover minhas entradas para essa forma.
E por enquanto só vamos deixá-lo para que seja apenas uma solicitação get e é apenas a ação
padrão que é apenas para atualizar a página.
A próxima coisa que vamos fazer é adicionar alguns rótulos para que eu vá em frente
e use a quatro sintaxe, então isso será para cães.
E então devemos dar nosso contributo e eu. D. cães.
Mas esses têm que combinar então.
Mesma coisa aqui.
Outro rótulo para gatos e depois Id gatos.
Então, se você está fresco, agora temos duas escolhas.
Mas eu ainda posso escolher os dois.
Então, o que precisamos fazer é dizer-lhe como esses dois botões de rádio são para a mesma escolha para que você possa
escolher um ou outro, mas eles são uma decisão.
precisamos usar o atributo de nome que lembra que o nome está dando uma entrada individual de um nome, mas eu
posso referir-se a ele e também é a maneira como ele é armazenado ou enviado na solicitação de HGP que os nomes são importantes.
Então, para fazer isso,
Então, vamos dar um nome aqui.
O primeiro nome será vamos, vamos chamar ele de escolha para animais de estimação.
E então, na entrada aqui, também vamos dar o mesmo nome.
E a razão pela qual fazemos o que você verá em apenas um segundo é que, ao dar-lhes o mesmo nome, ele os
conecta para que agora só possamos escolher um.
Então, se atualizarmos.
Posso clicar em cachorros ou gatos, mas não em ambos.
E mais uma coisa eu vou te mostrar.
Vamos adicionar um botão ao final do formulário.
E o que vimos até agora é realmente tipo de entrada igual a submeter na parte inferior de um formulário, mas
estou lhe mostrando um botão apenas para mostrar que, se o botão for o último em uma forma, ele realmente
enviará o formulário .
Portanto, há algumas opções de entradas para realmente enviar o formulário no botão final no final ou tipo
de entrada que você enviará.
Então, agora vamos escolher cães, é claro.
A única escolha natural lá.
Lembre-se de que o nome é uma escolha para animais de estimação, então devemos ver algo aqui na corda de consulta,
como qualquer outra entrada.
Quando eu clico em ir, vemos escolhas de animais de estimação iguais e depois O N ou em que não é realmente o que esperávamos.
Então, estamos perdendo uma coisa, e é necessário também dizer qual é o valor dessa decisão.
Então, quando você seguir em frente e adicionar a etiqueta de valor dentro desse atributo de valor.
E vamos apenas dizer que esse valor será apenas um cachorro e este será gatos e vamos ser bons todos os limites apenas para
que você possa ver o que está vindo de onde.
ESTÁ BEM.
Então, ele diz se o usuário clica nos cachorros sob o nome de escolha do animal de estimação, armazene os cachorros de valor em todas as maiúsculas, se o
usuário enviar e clicar em gatos sob o valor ou o nome de escolha do animal de estimação armazene o valor de gatos em
todos os limites.
Então, apenas para mostrar isso para você, vamos clicar em cães e nós conseguimos escolha de estimação, igual a cães.
Se fazmos gatos, nós escolhemos o animal de estimação porque os gatos.
Então, o próximo elemento sobre o qual vamos falar é a etiqueta de seleção e, com uma etiqueta de
seleção, o que fazer é criar menus suspensos legais.
Então, o nome da tag é chamado.
É apenas selecionar.
É uma tag de abertura e fechamento.
E se eu apenas fizer isso e depois deslizar e atualizar minha página.
Na verdade, já recebo um menu suspenso.
Está totalmente vazio.
Então, juntamente com a etiqueta de seleção, usamos a etiqueta da opção.
Então, dentro de lá para todas as opções possíveis que queremos usar ou para escolher, adicionamos uma etiqueta de opção.
Então, vamos fazer um menu suspenso que levou o usuário a escolher a cor
favorita e vamos fazer algumas opções aqui.
Vermelho laranja e amarelo.
Então, como você pode ver, já temos um bom menu aqui com nossas escolhas.
E se eu acertar, vamos selecionar laranja e acertei.
Você verá que na verdade não conseguimos nada aqui e aí, você está l, como nós, se selecionarmos cachorros
amarelos desta vez e eles acertam.
Eu ainda só tenho escolha de estimação e é porque não temos um nome que fornecemos.
Então, na nossa seleção, precisamos dar um nome e vamos chamá-lo de fav e vamos apenas com
cores e deixamos isso.
E eu atualizo minha página, vamos clicar em gatos, vamos clicar em amarelo e assistir aqui quando acertei.
Agora eu tenho escolhas de estimação gato e a cor é amarela.
Então, o que você verá é que, dependendo da opção que eu selecionei neste caso, os mapas amarelos
do navegador levam tudo o que o texto está dentro dessa opção e ele apenas envia isso como
um valor sob a cor do nome.
valor que é enviado na solicitação seja idêntico ao que é exibido para o usuário no menu suspenso.
Portanto, nem sempre queremos que o
Então, um exemplo disso pode ser algo como se quisesse que o usuário escolhesse um
humor, então diga qual é o seu humor atual e queremos ter um rosto feliz aqui.
Um rosto sem emoção que eu acho e um rosto triste.
E acabamos com este bom menu aqui com nossos emoticons, mas digamos que, quando
um usuário seleciona feliz, não queremos que isso seja enviado.
Em vez disso, queremos que a palavra seja feliz ou a palavra que se diz seja enviada para fazer isso.
Usamos a tag de valor desculpa o atributo de valor.
Então, nós diremos valores iguais.
E digamos que Happy é igual ao neutro e o valor é igual a definido.
Agora, se eu atualizar cães corretos vamos sair e eu clique em ir.
Você pode ver que eu tenho escolha de estimação é cães e a cor é igual a dita.
E é claro que é porque mantivemos o nome como cor, você gostaria de mudar isso para ser humor
apenas para que nossa marcação seja significativa e realmente faça sentido.
Então, os gatos são tão felizes e, no entanto, o humor é igual a feliz.
ESTÁ BEM.
Então é tudo o que precisamos cobrir com as seleções.
Outra coisa é a etiqueta de texto e a área de texto.
Eu vou colocar no Indian é uma ótima maneira de criar entradas que são mais do que uma linha.
Então nós vimos entradas de texto como esse tipo de entrada é igual ao texto
e são linhas simples.
Mas e se quisermos pedir ao usuário uma biografia ou copiar e colar um currículo ou algo
que não funcione muito bem e essa entrada muito fina e curta.
Então, textarea Na verdade, é uma outra tag, como selecionar.
Portanto, não é uma entrada com um tipo.
Na verdade, é um tipo separado de controle de formulário.
E da maneira que funciona, existem duas partes importantes.
O primeiro é criar uma tag de área de texto e, por conta própria, nos dará essa área de texto.
Mas o que também podemos fazer é especificar exatamente quão grande essa área de texto está usando essas duas linhas
de atributos e colunas.
Então vou mostrar-te aqui.
Vamos começar com 10 linhas e 50 colunas e você pode ver que minha área de texto foi expandida em ambas as direções.
Mas definitivamente ficou mais largo.
Então, digamos que agora quero 100 linhas e você pode ver que isso demora muito mais.
Então, basicamente, podemos especificar quantas linhas e quantas colunas alterar as dimensões da nossa
área de texto.
Uma outra coisa sobre isso é como com esses outros elementos, vamos voltar para um menor para 10
por 10.
Assim como com esses outros elementos, se eu quisesse enviar esses dados no pedido, vamos nos livrar
dessa entrada.
Eu precisaria dar um nome para o nome é igual e vamos apenas dizer o parágrafo preencher
este parágrafo com algum texto.
Cliquei para ir e você pode ver ou expandir isso.
Eu obtive um parágrafo igual ao texto que eu
tenho aqui.