Artigo Introdução de wulin.com (www.vevb.com): HTML5 Prática diária dos novos atributos de forma.
Muitos novos tags e atributos funcionais foram adicionados ao HTML5. Hoje, examinaremos o novo método de uso de um formulário no HTML5. Então, qual é a diferença entre essa função recentemente adicionada no HTML5 e as funções que usamos antes? Vejamos algumas cenas abaixo, você entenderá ~
Se precisarmos enviar diferentes elementos de formulário na página, e esses elementos de formulário são distribuídos em vários locais no HTML, o formulário poderá conter apenas todas as tags de formulário.
Método antigo:
<form id = form1 ação =>
<ID de entrada = nome de usuário Nome = Nome de usuário Tipo = Texto/>
<ID de entrada = userpwd name = userpwd type = senha/>
<ID de entrada = Nome do usuário = Tipo de Usuário = Texto/>
<Tipo de entrada = Submeter Value = Enviar/
</morm>
Mas o que devo fazer se este formulário contiver alguns elementos (como usuário) que não precisam ser enviados nisso? Parece que você só pode enviá -lo, para que o programador de plano de fundo não aceite esse parâmetro ou use JS para colocar todo o conteúdo que precisa ser enviado neste formulário na área oculta e depois enviá -la. Você pode modificá -lo para o seguinte
Melhorou:
<form id = form1 ação =>
<ID de entrada = hd_username name = nome de usuário tipo = oculto/>
<ID de entrada = hd_userpwd nome = userpwd type = hidden/>
</morm>
<ID de entrada = nome de usuário Nome = Nome de usuário Tipo = Texto/>
<ID de entrada = userpwd name = userpwd type = senha/>
<ID de entrada = Nome do usuário = Tipo de Usuário = Texto/>
<Tipo de entrada = Submeter Value = Enviar/
Bem, é bom resolver isso assim e pode atender aos nossos requisitos, mas existem muitos JS, que desperdiça recursos de rede e pacotes de solicitação HTTP, aumenta o tamanho do projeto e é relativamente problemático manter.
Método HTML5:
<form id = form1 ação =>
<Tipo de entrada = Submeter Value = Enviar/
</morm>
<ID de entrada = nome de usuário Nome = nome de usuário para = form1 type = text/>
<ID de entrada = userpwd nome = userpwd para = form1 type = senha/>
<ID de entrada = Nome do usuário = Tipo de Usuário = Texto/>
O atributo for aqui = o ID do formulário, para que fique claro a qual parte desses elementos pertencem. Você pode entender isso para atributo como atributo for no rótulo, mas neste caso no HTML5, ele pertence ao elemento FOME1. Agora, olhando para o código, é muito mais limpo e os arquivos do projeto não são grandes, facilitando a manutenção.
Se você não entender, pode me deixar diretamente uma mensagem e responderei a todos o mais rápido possível.
Se você entende isso, você pode praticá -lo e publicá -lo para ajudar todos a progredir juntos!