Explicação detalhada de novos atributos da forma HTML5

No H5, o formulário pode ser colocado em qualquer lugar da página e, em seguida, um atributo de formulário é especificado para o elemento.

 <Form id = testForm> <tipo de entrada = text> </form> <texttarea form = testForm> </sexttarea>

Em H4, a forma de envio de formulários

 <Form Action = 1.jsp> </morm>

Envie o formulário inteiro

No H5, você pode adicionar a página JSP enviada a cada atributo do formulário

 <Formulário action = 1.jsp> <Tipo de entrada = Enviar ação = 1-1.jsp> Envie para 1 página </mand> <Tipo de entrada = envio de ação = 1-2.jsp> Envie para 2 página </morm> <Tipo de entrada = Enviar ação = 1-3.jsp> Envie a 3 páginas </mail

Você pode especificar o método de envio de cada elemento do formulário

 <Formulário de formulário = 1.jsp> <Tipo de entrada = submeter ação = 1-1.jsp formmethod = post> enviar para 1 página, postar Método de envio </morm> <Tipo de entrada = 1-2.jsp formmethod = get> enviar Para 2 páginas, obtenha o método de envio </morm> </morm>

O mesmo que acima, o papel e todos os elementos, o código é ligeiramente

O mesmo que acima, o papel e todos os elementos, o código é ligeiramente

Adicione o atributo de foco automático à caixa de texto, à caixa de seleção e ao controle do botão, e o foco será obtido automaticamente quando a tela for aberta.

 <Tipo de entrada = Ação do texto = 1-3.JSP AutoFocus> Envie para 3 páginas </morm>

Há apenas um controle em uma página que possui uma propriedade de foco automático, que não pode ser abusado

Ele pode ser usado na maioria dos elementos de entrada.

Pode adicionar um atributo labls a todos os elementos do formulário, o valor do atributo é um objeto Nodelist, que representa uma coleção de elementos de etiqueta ligados ao elemento.

 <script type = text/javascript> window.onload = function () {var text = document.getElementById ('text'); '); LABEL.SETATTIBUTO (PARA, TEXTO); cor: vermelho);}} else if (text.labels.length> 1) form.removechild (text.labels [1]); BTN TIPO = Valor do botão = Verificação> </mand>

Quando o usuário não inserir nenhum valor, clique na verificação e o elemento de etiqueta será adicionado à caixa de texto. para entrar no nome

Você pode colocar um elemento da unidade de tabela dentro da etiqueta e acessar o elemento da tabela através da propriedade Control da tag.

 <Script Type = Text/javascript> função setValue () {Console.log (1); <Rótulo ID = Label> Código ZIP: <ID de entrada = txt_zip maxlength = 6> <mall> digite 6 dígitos </mall> </celt> <Tipo de entrada = Button = Definir o valor padrão oncliclk = setValue ()> < </morm>

Abra a página no turista, clique em Defina o botão Valor padrão e 231456 será exibido na caixa de texto.

Digite as informações rápidas (cinza) quando a caixa de texto estiver no estado de escolha

 <Tipo de entrada = Palceholder de texto = hahah>

Combinado com o novo elemento de dados do H5, a caixa de prompt de produção

 Texto: <Tipo de entrada = Nome do texto = Lista de saudações = saudações> <!-Use Style = Display: Nenhum; pessoas </pption> <opção value = você é um porco> você é um porco </pption> <opção value = você é um cachorro> você é um cachorro </pption> </datalist>

Quando você entra na caixa de texto, haverá três colunas abaixo para lembrar que você é pessoas, você é um porco, você é um cachorro.

O AutoComplete tem três, desligados (não especificados). Quando especificado, use o valor padrão do turista. O método de uso é o seguinte

 <Tipo de entrada = Nome do texto = Lista de saudações = saudações AutoComplete = on>

Ao inserir a caixa de texto Se você é um clique para enviar, retorne à página anterior e digite -me na caixa de texto e você me solicitará a ser uma pessoa.

É equivalente a se o valor de entrada do julgamento da expressão regular na parte HTML atende aos requisitos.

Por favor, digite o conteúdo: <Tipo de entrada = padrão de texto = [0-9] [AZ] {3}>

Esse segmento do código exige inserir três letras maiúsculas numéricas.

Para o texto e os elementos da entrada de texto, quando o usuário seleciona parte do texto nesses dois elementos, você pode usar o elemento para obter a direção da escolha.

 <Script Type = Text/javascript> função alertSelectionDirection () {var Control = Document.Forms [0] ['texto']; Nome do texto = texto> <Tipo de entrada = Valor do botão = Lembre -me de mim OnClick = alertSelectionDirection ()> </morm>

Para a caixa de seleção, no passado, apenas o status de seleção e não seleção.

 <Cript> var cb = document.getElementById (CB);

• Altura: especifique a altura da imagem no botão de imagem;
• Largura: especifique a largura da imagem no botão de imagem;

 <Tipo de entrada = imagem src = img/2.png width = 23 altura = 23>

• MaxLength: Configure usando um valor inteiro para limitar o número de texto que pode ser inserido no elemento textarea.
• Enrolamento: você pode especificar o valor do atributo para suave e difícil. .

O acima é o conteúdo deste artigo.