Tudo bem.
Assim, nos próximos vídeos, vamos nos concentrar em cada equipe, todos os formulários, de modo que as formas são como recebemos
a entrada de um usuário se é para se inscrever para uma página para comentar uma foto para carregar uma foto para escolher uma cor
para escolher um encontro.
Há tantas coisas diferentes a fazer com as formas e na verdade é relativamente simples e
afastou-o.
Há apenas dois elementos importantes sobre os quais vamos aprender aqui.
vamos terminar ao aprender sobre as validações para os nossos dados, como nos certificamos de que alguém preencha parte da reforma.
Então, vamos nos concentrar na etiqueta de formulário, na etiqueta de entrada, na etiqueta e, em seguida, também
Alguém não pode deixar nossa senha em branco ou enviar um email em branco ou algo assim.
Então, para começar, vamos fazer uma rápida pesquisa de algumas das formas que você encontra no dia a dia.
Então eu tenho algumas imagens aqui de sites como Twitter Facebook Google.
Vamos dar uma olhada e quebrar alguns desses.
Então, aqui está o formulário de login para o Facebook.
Temos um lugar onde podemos digitar algum texto no texto e colocar outra entrada em que digamos
senhas.
Muito provavelmente, quando você digita sua senha, é pontilhada para que você realmente não veja a senha.
E depois uma caixa de seleção.
E quando clicamos neste botão, ele envia toda essa coisa.
Então, agrupa esses conjuntos.
Não temos um botão para enviar um e-mail para um botão para a senha um botão para a caixa de seleção.
Tudo corre ao mesmo tempo.
A mesma coisa aqui quando nos inscrevemos.
Temos mais entradas cinco diferentes entradas de texto três diferentes menus suspensos.
Estes são chamados de tags selecionadas e, em seguida, duas coisas chamadas de botões de rádio.
E, finalmente, um botão de inscrição que vai levar tudo isso e enviá-lo para o Facebook
para usar.
Então, o que vamos aprender hoje é a etiqueta estrangeira e esses formulários serão um pouco burros.
Na verdade, eles não farão nada.
Precisamos realmente ter um backend configurado.
Precisamos de um banco de dados, precisamos de alguma lógica e algum código de back-end para fazer qualquer coisa com o formulário.
Então, por enquanto, eles simplesmente vão parecer que isso será capaz de recriar isso.
Mas quando você clica em se inscrever ou clica em log-in ou pesquisa no google, nossos fóruns realmente vão
fazer qualquer uma dessas lógicas.
Eles vão ser o usuário frontal enfrentando parte das coisas.
Então, a primeira coisa é a tag do fórum.
Portanto, a tag do fórum é basicamente um shell ou um recipiente para todos esses tipos de entradas.
Então, esta é uma tag de fórum em torno de tudo isso.
Esta pode ser uma marca de formulário em torno de tudo isso e assim por diante.
Aqui está outra marca de formulário ao fazer uma tag de fórum que você realmente não vê nada na página.
Veremos isso em apenas um segundo.
Basicamente, é apenas um recipiente e colocamos todas as nossas entradas diferentes lá.
Assim, caixas de seleção e botões e caiu nos menus e imagens coloridas, todos vão dentro de um ovo formado.
Portanto, dois atributos importantes passarão mais tempo com isso quando chegarmos ao backend.
Então tente não ficar pendurado exatamente como isso funciona, mas um formulário vai enviar uma solicitação em algum
lugar que envie dados do formulário para um servidor em algum lugar.
Portanto, a ação da primeira parte vai especificar onde enviar os dados.
Vai para o Google.
Será que ele vai se inscrever a página vai sair, vamos aprender muito mais sobre como
realmente fazemos isso na seção de back-end desta classe.
E então a segunda parte é o tipo de solicitação HSDPA para enviar.
Então, podemos enviar uma solicitação ou solicitar uma solicitação de publicação.
E novamente, esta é outra coisa em que vamos gastar muito mais tempo.
Mas a versão simples generalizada fazemos uma solicitação quando estamos fazendo algo como procurar ou recuperar
dados que estamos tentando obter informações e fazemos uma solicitação de publicação quando estamos enviando dados
que queremos ser adicionados a um banco de dados postado para um servidor.
Então, nestes exemplos, aqui quando você pesquisa no Google, você bateu enter ou você clicar e pesquisar que
vai fazer uma solicitação.
Na verdade não está adicionando nada ao banco de dados.
Não está mudando nada.
É apenas uma simples busca de dados.
Está recebendo dados é uma solicitação de get.
Estes aqui, porém, para se inscrever no Facebook ou se inscrever no Twitter.
você clicar em se inscrever, ele leva seus dados e realmente o adiciona ao banco de dados do Twitter.
Esses serão pedidos de publicação quando você digitar dados e
Então, novamente, vamos realmente trabalhar nisso um pouco mais tarde nesta classe.
Por enquanto, apenas esteja familiarizado com a ação e o método e com o fato de que eles existem.
Então, a tag de entrada é o que realmente entra dentro de nossas formas.
É o que vai criar as diferentes entradas que vemos aqui, um texto introduzido uma entrada de senha um
botão de rádio.
Na verdade, ele não cria um menu suspenso.
isso no exercício posterior, mas cria todos os tipos de entradas diferentes para a entrada do usuário.
Então, vamos falar sobre
Então eu tenho alguns exemplos aqui.
Eles são todos exatamente o mesmo, exceto para esse atributo de tipo.
Então, se o tipo for igual ao texto, obtemos um tipo de caixa de texto igual a data.
Você obtém esse pequeno tipo de seleção de data igual à cor.
Você obtém um recarregador de cores no arquivo de Eiffel, obtemos um tipo de seleção de arquivos tipo Pickle's checkbox.
Recebemos uma caixa de seleção.
Então eu realmente vou puxar o endian e procurar a entrada.
E enquanto faço isso, você verá como eu rolar para baixo para atributos sob o tipo, há uma lista de todos
os tipos possíveis que podemos especificar.
E há cerca de 30 ou 40 deles aqui.
E para ser honesto há muito aqui que você provavelmente nunca precisará usar.
Mas há alguns que você usa o tempo todo.
E então, vamos realmente nos concentrar nessas.
Essas são coisas como texto email senha data botão enviar, em seguida, alguns dos outros como a cor.
Você não pode usar muitas vezes.
Definitivamente, desejamos ter mais chances de fazer imagens coloridas.
É o meu favorito das entradas, mas eu quero que você esteja ciente de que há muitas opções diferentes aqui.
Então, para fazer um formulário, simplesmente tomamos uma marca de formulário e nós a preenchemos com algumas tags de entrada.
Então aqui está um exemplo muito simples.
Temos duas entradas.
Igual ao tipo de texto, a senha da Pickle e nos faz esta boa forma aqui.
E você pode ver, à medida que preenchemos, esse primeiro texto é igual ao texto que apenas parece texto normal.
E à medida que preenchemos o tipo de senha igual, ele fornece apenas os cabeçalho dos campos de senha ocultos.