HTML Form_Motor Node Java College Organiza

O formulário HTML é usado para receber diferentes tipos de entradas do usuário.

O formulário HTML é uma área que contém o elemento da unidade. Os formulários podem incluir elementos de entrada, como campos de texto, caixas de seleção, caixas de seleção única, botões de envio e assim por diante. Os formulários também podem conter menus, textarea, fieldset, elementos de legenda e etiqueta. Observe que o elemento <form> é um elemento de nível de bloco, que produzirá um desconto antes e depois.

 <Forma de ação = login.do método = post> <!-formulário elementos aqui-> </morm>

Ação: Veja onde os dados do formulário são enviados quando o formulário é enviado. A ação é: Primeiro, um URL (URL absoluto/URL relativo), geralmente aponta para um programa no servidor, o programa recebe os dados (isto é, o valor do elemento da unidade da tabela) enviado pelo formulário para o processamento correspondente. Por exemplo, <Form Action = http://www.xxx.com/login.do>, Quando o usuário enviar este formulário, o servidor executará o site geral http://www.xxx.com/ Programa de Processo Geral. Segundo, use o endereço URL do protocolo Mailto, para enviar o conteúdo do formulário na forma de email. Essa situação é rara, porque exige que o visitante instale e defina corretamente o programa de envio de email no computador do computador. Terceiro, valor vazio, se a ação estiver vazia ou não está escrita, significa enviado para a página atual.

Método: Este atributo define a maneira como o navegador envia os dados no formulário para o programa de processamento do servidor. Em relação ao valor do método, o mais comumente usado é obter e postar. Primeiro, envie os dados do formulário com o modo GET , a quantidade de dados transmitidos por get geralmente é limitada abaixo de 1kb. Segundo, usando o método POST, o navegador enviará os dados do formulário como parte do corpo de solicitação HTTP para o servidor. De um modo geral, os dados transmitidos pelo método de postagem são maiores que a quantidade de dados transmitidos pelo método GET; O método GET (como a consulta) deve ser usado. Terceiro, outros métodos (cabeça, put, excluir, rastrear ou opções etc.). De fato, o padrão inicial HTTP especificou o método correspondente para várias operações, mas muitos deles não foram observados posteriormente.

Alvo: onde esse atributo especifica o resultado do URL retornado pelo URL especificado no atributo de ação. Os valores são _blank (aberto na nova janela), _ Sel (aberto na mesma estrutura, valor padrão), _parent (aberto no quadro pai), _ top (aberto em toda a janela) e o nome do quadro (no especificado quadro -quadro aberto na China).

Título: Defina o texto exibido por uma bóia pequena quando o mouse do site visitantes é colocado em qualquer posição no formulário.

Enctype: Especifica como codificar os dados do formulário antes de enviar para o servidor. Valor: o valor padrão é o aplicativo/x-www-forma-url-codificada -Data: nenhum código de caractere. Ao usar um formulário que contém um controle de upload de arquivo, esse valor deve ser usado.

Nome: o nome do formulário. Observe que a diferença entre o atributo ID: Nome é o nome usado durante a comunicação com o servidor; .

 <Tipo de entrada = Nome do texto = Nome/>

A seguir, o atributo principal da caixa de texto de linha única:

1. Tamanho: especifique a largura da caixa de texto, use o número de caracteres como a unidade;
2. Valor: Especifique o valor padrão da caixa de texto.
3. MaxLength: especifique o comprimento máximo do caractere da entrada do usuário.
4. READONLY: LEAD SOMENTE ATRIBUTOS.
5. Desativado: Desativar, quando a caixa de texto é desativada, o foco não pode ser obtido. E ao enviar o formulário, o navegador não enviará o valor da caixa de texto para o servidor.

 <Tipo de entrada = Nome da senha = Nome/>

Como usar: Use um botão de seleção única com o mesmo nome do nome. O valor elementar do botão de rádio é explicitamente definido pelo atributo de valor.

 <Tipo de entrada = Nome do Rádio = Valor de Gênero = Masculino/> <Tipo de entrada = Nome do Rádio = Valor de Gênero = feminino/>

Use o grupo de verificação do botão, ou seja, o mesmo conjunto de botões de verificação com o mesmo nome, o valor do elemento do elemento da unidade da tabela de verificação é explicitamente definido pelo atributo de valor. e o nome é embalado e enviado ao valor复选框的 Verificado 属性表示是否被选中 ， <Tipo de entrada = caixa de seleção Verificado /> 或者 <Tipo de entrada = caixa de seleção verificado = verificado /> (推荐) Verificado 、 readonly 等这种一个可选值的属性都可以省略属性值Essência

 <Tipo de entrada = Nome da caixa de seleção = Valor da linguagem = Java/> <Tipo de entrada = Nome da caixa de seleção = Valor laanguage = c/> <Tipo de entrada = Nome da caixa de seleção = laanguage va Lue = C#/>

O domínio oculto é geralmente usado para enviar informações ao servidor que não precisam ser exibidas ao usuário.

 <Tipo de entrada = Nome oculto = domínio oculto/>

Com o arquivo, o ENCTYPE do Form deve ser definido como multipart/formulário-dados, e o atributo do método é post.

 <nome de entrada = uploadedfile id = uploadedfile type = tamanho do arquivo = 60 aceita = text/*/>

<Select> Rótulo Crie uma caixa de listagem, <tution> Rótulo para criar um item de lista, <select> usa o aninhado <tution> para fornecer um conjunto de opções em um conjunto de opções.

Defina uma opção para selecionar: <Opção selecionada> Pequim </pption> ou <option Select = SelectD> Pequim </pption> (método de recomendação) pode ser definido como um item de seleção. Como não obter escolha, adicione um <opção value = -1> -not selecionado- <pution> e, em seguida, programando o valor selecionado selecionado pela seleção IF-1 é considerado não selecionado.

A opção Select Group pode usar o OptGroup para agrupar os dados.

<select> Marca e vários atributos podem ser permitidos para escolher (pressione a tecla Ctrl)

 <selecione nome = tamanho do país = 10> <OptGroup Label = Africa> <opção value = gam> gambia </pption> <opção value = madagascar </pption> <pution> e = nam> namibia </pption> </optGroup > <OptGroup Label = Europe> <Opção Valor = Fra> França </pption> <Opção Valor = Rússia </pption> <Option Value = Reino Unido> Reino Unido Opção Valor = Can> Canadá </pption> <opção value = mex> mexico </pption> <opção value = EUA> EUA </pption> </plct>

TEXTO DE MULTI -LINE <TEXTAREA> Crie uma caixa de texto que possa inserir texto de várias linhas, <TexTeea> Nenhum atributo de valor, <TextARea> Text </sexttarea>, cols = 50, linhas = 15 atributos indicam o número de linhas e colunas , não especificado que o navegador atenda a tela padrão.

 <textário name = textareacontent linhas = 20 cor = 50> o conteúdo inicial da exibição da caixa de texto de várias linhas </sexttarea>

Você pode gravar textos comuns para modificar antes <Tipo de entrada = Texto>, mas quando você clica no texto do modificador, a entrada não obtém o foco, mas você pode usar o rótulo. U (entenda). AccessKey = U, outro atributo da etiqueta. Nota: Para definir um ID exclusivo para o controle modificado. Eu acho que os dois rótulos de <bret> </celt> são muito úteis para <type de entrada = rádio/> e <type de entrada = caixa de seleção/>.

 <entrada de entrada = nome do rádio = sexo id = masculino valor = 0 verificado = verificado /> <Rótulo para = masculino> masculino </warge> <tipo de entrada = nome do rádio = valor fmale = 1 /> <Rótulo para = fmale> feminino </Etiqueta> <tipo de entrada = nome do rádio = sexo id = value secreto = 2/> <Label for = secret> confidencial </belt>

A tag Fieldset divide o controle em uma área e parece mais regular.

 <Fieldset> <legend> hobbies </legend> <type de entrada = Valor da caixa de seleção = Basketball/> <Tipo de entrada = Valor da caixa de seleção = escalada de montanha/<Tipo de entrada = Valor da caixa de seleção = Reading/> </f IllSet>

Quando um usuário clica no programa de processamento do servidor especificado pelo <inputt type = submit/>, os dados do formulário serão enviados ao programa de processamento do servidor especificado pelo atributo de ação da etiqueta <form>. O texto padrão do botão sob o IE chinês é um texto de exibição do botão Modificação do Value Properties.

 <Tipo de entrada = Submete Valor = Enviar/>

Quando o usuário clica no botão <type de entrada = reset/>, o valor no formulário é redefinido para o valor inicial. Quando o usuário enviar o formulário, o nome e o valor do botão de redefinição não serão enviados ao servidor.

 <Tipo de entrada = Valor de redefinição = Botão de redefinição/>

Os botões comuns geralmente são usados ​​para clicar para executar um código de script.

 <Tipo de entrada = Valor do botão = botão comum/>

O atributo SRC do botão Imagem especifica o arquivo de origem da imagem, que não possui um atributo de valor. O botão de imagem pode substituir o <Tipo de entrada = submeter/> e agora também pode definir diretamente a aparência do botão <type de entrada = submeter/> para uma imagem.

 <Tipo de entrada = imagem src = bg.jpg />

Este exemplo é uma página de registro simples implementada usando o formulário para usar o layout do formulário.

 <! > Tabela {Width: 450px; } </style> </ading> <estilo de corpo = colorido de fundo: Block; POST> <TABLE ALIGN = CENTRO CELLSPACING = 0 CellPadding = 0> <Td> Nome de usuário: </td> <Tipo de entrada = text/</tr> </tr> <tr> <td> senha: </td> < td> <tipo de entrada = senha/> </td> </tr> <tr>/</td> </tr> <l> <td> Por favor, selecione o mercado: </td> <d> <select> <OptGroup Label = China> <pution> Província de Gansu </pption> <pution> Província de Henan Província Henan </pption> <pution> shanghai </pption> </ptgroup> <optgroup Label = American> <pution> Califórnia </ Option> <pution> Chicago </pption> <pution> Notícias sobre> </ptgroup> </leclect> </td> </tr> <td> Por favor, selecione Gênero: </td> <td> <input type = Nome do rádio = sexo id = valor masculino = 0 verificado = verificado/>> <etiqueta para = masculino> masculino </lable> <tipo de entrada = nome do rádio = sexo id = 1/> <etiqueta para = fmale> feminino </etiqueta > <Tipo de entrada = Nome do rádio = sexo id = secret va Lue = 2/> <Label for = secret> Confidencialidade TIPO = ID do rádio = Nome do aluno = Profissão /> <Label para = Student> Student> Outros nome = profissão/> <Rótulo para = outros> Outros </elabel> </td> </tr> <td> Selecione Hobbies: </td> <dieldset> <legend> Seus hobbies </legend> <entrada TIPO = Nome da caixa de seleção = ID do hobby = BasketFoll checkd = checkEd /> <Label para = BasketFoll> jogando basquete </belt> <tipo de entrada = nome da caixa de seleção = hobb y id = run /> <etiqueta para = run> run < /etiqueta > <Tipo de entrada = Nome da caixa de seleção = ID do hobby = Read /> <Rótulo para = leia> leia </crety> <Tipo de entrada = Nome da caixa de seleção = ID do hobby = Surfing /> <Label for = Sur Fing> Acesso à Internet < /Label > </fieldset> </td> </tr> <l> <td> observações: </td> <textarea color = 30> Este é o conteúdo das observações </sexttarea> </td> </tr> tr> <td> & nbsp; html>