O que é um formulário?
Os formulários em HTML são um meio importante para as páginas HTML interagirem com o navegador. Usando o formulário, o servidor pode coletar informações relevantes enviadas pelo navegador do cliente, como a senha inserida, etc. Ao navegar em sites, geralmente encontramos formulários. Eles são uma parte importante da função interativa entre o servidor e o navegador. A interação aqui significa um processo de troca de dados entre si, como transmitir a senha que inserimos localmente para o servidor. Independentemente da forma de linguagem que o site use para implementar as funções interativas do site, como ASP, PHP, JSP, etc., os formulários agora se tornaram seu método de coleta de informações unificadas.
A principal função de um formulário é coletar informações, especificamente as informações do espectador. Por exemplo, se você se inscrever em um email on -line, deverá preencher a página do formulário fornecida pelo site conforme necessário, que inclui principalmente informações pessoais, como nome, idade, informações de contato etc. Por exemplo, se você quiser falar em um fórum, deve solicitar a qualificação antes de falar e preencher uma página do formulário. Obviamente, o formulário é invisível sem olhar para o código -fonte e os usuários não podem sentir que o formulário existe.
Os formulários geralmente podem ser usados para pesquisa, pedidos, pesquisa e outras funções. Geralmente, as formas são compostas de duas partes. Um é o código -fonte HTML que descreve os elementos do formulário. No navegador, podemos encontrar essa parte através do código -fonte. O segundo é o script do cliente ou o programa usado pelo servidor para processar o preenchimento do usuário. Aqui, ele processa principalmente os dados coletados. Por exemplo, a senha obtida no exemplo acima deve ser transmitida ao servidor para verificar se a senha está correta. Se estiver correto, entrará e se estiver livre de erros, não será conectado. Este é um processo de processamento. No HTML, podemos definir formulários e cooperar com os manipuladores de formulários em linguagens de script do lado do servidor, como ASP e PHP. O processo de processamento de informações do formulário é: Quando clicarmos no botão enviado no formulário, as informações inseridas no formulário serão transferidas para o servidor e, em seguida, processadas pelos aplicativos relevantes do servidor. Após o processamento, armazene as informações enviadas pelo usuário no banco de dados do servidor ou retorne as informações relevantes ao navegador do cliente. Vamos dar uma olhada nos vários pontos de conhecimento do formulário.
1. Tag de formulário <morm>
Um formulário está em uma área específica em uma página da web, definida e identificada por um par de tags <form>. As tags <form> têm duas funções principais nas páginas da web.
Primeiro, você pode definir o escopo de sua função da forma e outras marcas de objeto de forma devem ser inseridas no formulário. Por exemplo, quando clicamos no botão Enviar, enviamos o conteúdo dentro do escopo do formulário e o conteúdo fora do formulário não será enviado.
Segundo, ele contém as informações relevantes do próprio formulário, como a localização do programa de script que processa o formulário, o método de enviar o formulário, etc. A sintaxe básica e a sintaxe do formulário são explicadas da seguinte forma.
Sintaxe básica:
<Nome de forma = form_name Método = Método Ação = URL Enctype = Valor Target = Target_win> ............ </morm>
A explicação da sintaxe é a seguinte:
propriedade | descrever |
NOME | O nome do formulário |
MÉTODO | Defina o método de transferir o formulário do navegador para o servidor, geralmente usando dois métodos: Get and Post |
AÇÃO | Defina a localização do manipulador de formulários, existem dois tipos: caminho absoluto e caminho relativo. |
Enctype | Defina o método de codificação do formulário |
ALVO | Defina o método de exibição de informações de retorno |
Entre os atributos acima, o nome, o método e a ação são os mais usados e também são a base para a análise do programa de scripts. Eles são explicados e explicados em detalhes abaixo. 1. A sintaxe básica do atributo de nome da tag <morm> é: <nome do formulário = form_name> ……………………… <form> através do nome do formulário, você pode controlar o relacionamento entre o formulário e o manipulador do servidor e usar o nome para determinar o identificador do processamento do programa no servidor.
2. A sintaxe básica do atributo de ação da tag <morm> é: <formulário action = url> …………………… <form> através do atributo de ação do formulário, o endereço do envio de dados no formulário é definido. Este endereço pode ser um caminho absoluto, um caminho relativo ou um endereço de email.
Por exemplo: <nome do formulário = MailAction = Mailto: [email protected]>
3. A sintaxe básica do atributo mthod da tag <morm> é: <form mthod = método> ……………… <form> Existem dois métodos para escolher entre mthod, um é get e o outro é post. Ao enviar dados através do método GET, todo o conteúdo do formulário será anexado após o endereço da URL, separado por um ponto de interrogação. O formato de aprovação de dados é nome = valor. Nome é o nome dos dados a serem passados e o valor é o valor a ser aprovado. Quando existem vários valores a serem passados, os múltiplos valores podem ser separados por símbolos &. Por exemplo, http: //localhost/haha/haha.asp? Name1 = value1 & name2 = value2. Como esses dados estão por trás do endereço da URL, a duração das informações enviadas é limitada e não pode exceder 8192 caracteres. O método mais comumente usado é o método de postagem. Este método contém os dados preenchidos pelo usuário no corpo do formulário e o passa para o manipulador do servidor juntos. Portanto, não há limite de tamanho para esse método. Quando não especifica qual método, o padrão é o método GET. Após definir a tag <form> do formulário, você pode adicionar as tags para o código que conclui a função específica. Existem 4 tags que podem ser incluídas no formulário, conforme mostrado na tabela a seguir
marca | descrever |
<Input> | Formulário de tags de entrada |
<select> | Tags de menu e listar |
<pution> | Tags de itens de menu e listar |
<Textarea> | Marcadores de domínio de texto |
No código HTML, a organização deles é a seguinte
<Form> <input> ...
Para as tags acima, as duas tecnologias de hackers de scripts mais frequentes devem ser <DUGT> e <sexttarea>. Vamos explicar essas duas tags em detalhes abaixo. 2. Tag de entrada <tag de entrada> tag de entrada <input> é uma das tags mais usadas nos formulários. Os campos e botões de texto que geralmente usamos nas páginas da web são todos usados. A sintaxe básica é a seguinte:
<form> <nome de entrada = field_name type = type_name> </morm>
Onde o nome é o nome do domínio e do tipo é o tipo de domínio. Pode haver muitos valores de propriedade na propriedade Type. Entre eles, as comumente usadas e intimamente relacionadas às tecnologias de hackers são: texto, senha, arquivo, botão, envio, redefinição, oculta. 1. Texto do domínio de texto
O valor do atributo de texto é usado para definir a área de texto do formulário e inserir qualquer tipo de texto, números e letras. Os dados de entrada são exibidos em uma única linha. Pode ser difícil para todos entender isso. Vou lhe dar um exemplo para ilustrá -lo mais tarde. Primeiro, observe sua gramática básica e explicação gramatical. Sintaxe Básica: <Tipo de entrada = Nome do texto = field_name maxLength = Tamanho do valor = Valor Valor = Field_Value> Sintaxe Interpretação: Essas explicações são mostradas na tabela a seguir
Atributos do domínio de texto | descrever |
NOME | Nome do campo de texto |
Maxlength | Número máximo de caracteres de entrada no campo de texto |
TAMANHO | Largura do campo de texto (em caracteres) |
VALOR | Valor padrão para o campo de texto |
Este é um conhecimento básico do domínio de texto. Muitos amigos ainda podem não entender. Vamos escrever um exemplo para ilustrar o código abaixo:
<html> <head> <title> Insira o domínio do texto </ititle> </head> <body> Pesquisa do usuário <formulário Action = Mailto: [email protected] Método = Get Nome = haha> <!-escrevendo um formulário para conectar como um endereço de email, o método é submet, o nome é haha-> Nome! 20-> Site: <Tipo de entrada = Nome do texto = Tamanho do URL = 20 maxlength = 50 Valor = http: /// <!-Escrevendo um domínio de texto com o URL do nome, a largura é 20 e o comprimento máximo de entrada é 50, o valor padrão é http: //-> </de> </body> </html>
Depois de escrever o código, alteramos o nome do sufixo para HTML e o executamos. Conforme mostrado na (Figura 1). Para tais fotos, acredito que todos os amigos que podem navegar na Internet deveriam tê -las.
(Figura 1)
2. Senha de senha de senha senhaQuando estamos online, por exemplo, se efetuarmos login no endereço de e -mail, devemos inserir uma senha. A caixa de entrada para inserir a senha é chamada de domínio de senha, que é outra forma do domínio de texto. Sua função é que todos os artigos inseridos no campo de texto são exibidos com asteriscos* ou pontos. A sintaxe básica é semelhante ao campo de texto acima. A diferença é que você só precisa alterar o texto no tipo para senha. Com base no exemplo do campo de texto acima, adicione uma senha de código entre as tags <form>: <inpyt type = senha nome = tamanho da senha = 20 maxLength = 30>, depois de salvar, abrir o arquivo e inserir qualquer caractere na caixa de entrada de senha para ver, é um ponto, mas o caractere real está oculto, como mostrado em (Figura 2).
(Figura 2)
3. Arquivo de domínio do arquivo
O domínio do arquivo nos permite preencher os arquivos em nosso computador local dentro do domínio e, finalmente, enviá -los através do formulário. Esta é a função básica do domínio do arquivo. O mais usado deve estar carregando. Em termos de aparência, o campo do arquivo é uma caixa de texto e um botão de navegação. Podemos preencher diretamente o caminho do arquivo a ser carregado no site na caixa de texto ou clicar no botão de navegação para encontrar o arquivo a ser carregado em nosso computador.
A sintaxe básica é
<INPUT TYPE = Nome do arquivo = field_name> Seu tipo é arquivo, o nome é o nome deste campo de arquivo. Vamos simplesmente escrever um campo de arquivo, o código é o seguinte:
<html> <head> <title> Campo de texto </title> </ad Head> <body> <form> Por favor, envie sua foto: <entrada de time = nome do arquivo = arquivo> </mand> </body> </html>
Depois de salvar, abra -o e você poderá ver a face verdadeira do campo de texto, como mostrado na (Figura 3). Eu acredito que todo mundo já viu fotos tão carregadas.
(Figura 3)
4. Os botões no formulário do botão desempenham um papel crucial. O botão pode ter a função de enviar todos os dados do formulário para o servidor e pode restaurar o formulário ao seu estado inicial quando o usuário precisar modificar o formulário e também pode desempenhar outras funções de acordo com as necessidades do programa. Os botões geralmente são divididos em três tipos: botão (botão normal), enviar (botão enviar) e redefinir (botão de redefinição). A sintaxe do botão normal é <Tipo de entrada = Nome do botão = Field_name Value = Button_Text>, onde o valor do valor representa o texto exibido no botão. O objetivo de enviar o botão enviar é enviar todos os dados no formulário para o manipulador do servidor depois de clicar neste botão. A sintaxe básica é <type de entrada = Nome de envio = field_name value = button_text>, onde o valor do valor representa o texto exibido no botão. A redefinição do botão de redefinição significa que, depois de clicar no botão, todos os dados adicionados ao formulário são limpos e restaurados nas configurações de conteúdo do formulário padrão. A sintaxe básica é <type de entrada = nome de redefinição = field_name value = button_text>, novamente: Na linguagem html, o tamanho é indistinguível. Vamos escrever brevemente um exemplo para praticar o efeito do botão, o código é o seguinte.
<html> <head> <title> Botão de formulário Demo </ititle> </head> <body> Registro do usuário <formulário Action = Mailto: [email protected] Método = Get Nome = Haha> Nome: <Nome de entrada = Nome do texto = Nome do usuário = Tamanho do usuário = 20> <br> Senha: <input Type = Senha Tamanho = 20 MAXLENGLIMND = 20 maxLength = 50 Value = http://> <br> <Tipo de entrada = Nome do botão = Field_Name Value = Normal Button> <Tipo de entrada = Submeter nome = field_name Valor = Botão de envio> <Tipo de entrada = Nome de redefinição = Field_name Value = Button> </de> </body> </html>
Depois de salvar, abra o arquivo e dê uma olhada, conforme mostrado (Figura 4). Eu acho que você viu imagens semelhantes e as mais comuns são usadas ao registrar usuários.
(Figura 4)
5. Ocultar domínio oculto
O domínio oculto não é visível para usuários nos EUA na página porque está oculto. O objetivo de inserir o domínio oculto no formulário é coletar ou enviar informações. Quando clicamos no botão Enviar para enviar dados do formulário, as informações de domínio ocultas também são enviadas ao servidor. Sua sintaxe básica é <Tipo de entrada = Field_name Value = Valor>. A razão pela qual eu também explico é que muitos programas estão escrevendo programas que acham que isso está oculto e pensa que o usuário não pode vê -lo. Portanto, em muitos casos, não existem parâmetros de domínio oculto para detecção e filtragem, muitos acidentes de segurança ocorreram.3. Tag de campo de texto <Textarea>
Essa tag é geralmente usada para criar várias linhas de campos de texto em uma página da web, para que mais texto possa ser inserido e a mais usada está nos comentários do artigo.
Sua sintaxe básica é:
<Texttarea name = nome linhas = valor cols = valor valor = valor> </sexttarea>
, as propriedades que ele tem são mostradas na tabela a seguir.
Propriedades de tag de campo de texto | descrever |
nome | Nome do campo de texto |
linhas | Número de linhas nos campos de texto |
cols | Número de colunas em campos de texto |
Valor | Valor padrão para o campo de texto |
A seguir, é apresentado um exemplo para explicá -lo em detalhes, para que todos possam entender pela prática que isso não é muito difícil. O código específico é o seguinte:
<html> <head> <title> Domínio do domínio de texto Demonstração </ititle> </head> <body> Pesquisa do usuário <formulário Action = Mailto: [email protected] Método = Get Nome = Haha> Placa de mensagem: <br> <inputeeeeee = comentário linhas = 5 cols = 40> </TEXTAREA> <br> <input = sndeft = sigmy = sigmy = sigmy = sigmy = 5.nputeea) </body> </html>
Salve o código e altere o nome do sufixo e abra -o para ver se é o mesmo que a placa de mensagem na Internet, conforme mostrado (Figura 5).
(Figura 5)