O conteúdo introduzido é uma análise detalhada do método de uso do atributo para a tag <etiqueta> no HTML5. Este site contém uma análise detalhada dos métodos de uso de atributos da tag <etel e etiqueta> neste artigo e explica a tag de etiqueta HTML5 relevante para tecnologia de atributo e conhecimento no artigo. Bem -vindo para lhe dar algum apoio e ajuda a esse respeito! A seguir estão os detalhes:
O conteúdo introduzido é uma análise detalhada do método de uso do atributo para a tag <etiqueta> no HTML5.
Na Create a Set of Radio Buttons do tutorial HTML sobre Freecodecamp, eu vi esta passagem,
É considerado uma prática recomendada definir um atributo no elemento do rótulo, com um valor que corresponde ao valor do atributo ID do elemento de entrada. Isso permite que as tecnologias assistivas criem um relacionamento vinculado entre o rótulo e o elemento de entrada da criança.
O significado aproximadamente é: a melhor maneira de fazer isso é adicionar um for para label , e seu valor é o mesmo que o valor do atributo id da tag input para criar uma associação entre o rótulo e a entrada.
Ao mesmo tempo, é fornecido um código de amostra, como segue:
Er
No código, o valor do atributo para o rótulo é o mesmo que o valor do atributo de ID da entrada. A partir deste código, você não pode ver onde está a associação.
A definição do atributo for a seguinte é a seguinte:
O atributo for especifica a qual elemento forma um rótulo está vinculado.
Tradução: o atributo for especifica qual elemento no formulário está ligado a.
Código de exemplo:
<!-Código 2-> <formulário action =/action_page.php> <type de entrada = nome do rádio = ID do gênero = valor masculino = masculino> <etiqueta para = masculino> masculino </elbel> <br> <tipo de entrada = name de rádio = gênero Id = feminino = feminino> <etiqueta para = fêmea> fêmea <brat> <br> <bring type = radio = radio = gênero gênero = fêmea> < TIPO = Valor de envio = Enviar> </mand>
Comparando as duas peças de código, não é difícil descobrir.
A relação de inclusão entre a etiqueta e a tag de entrada é diferente. O rótulo e a entrada do Código 1 pertencem ao relacionamento de inclusão, enquanto o rótulo e a entrada do Código 2 são relativamente independentes.
A etiqueta e a entrada são organizadas de maneira diferente na página. Através das ferramentas de desenvolvedor do Chrome, não é difícil descobrir que os resultados em execução do Código 1, a tag de etiqueta cobre a tag de entrada, os resultados em execução do código 2, a tag de etiqueta e a tag de entrada são paralelas.
Rótulo e entrada correspondem um por um. Clique no conteúdo do rótulo e o botão de extremidade única correspondente será selecionada.
Se excluirmos o atributo for do rótulo nos dois códigos, o ponto 1 anterior e o ponto 2 permanecerá inalterado e a alteração é o ponto 3. Para os resultados da operação do código 1, clique no conteúdo da etiqueta e você ainda poderá selecionar o botão de rádio. O código 2 é diferente. Se você clicar no conteúdo da etiqueta, o botão de rádio não poderá ser selecionado.
Após uma comparação simples dos resultados do código em execução, podemos verificar se a passagem citada no início do artigo está correta. Essa prática de adicionar atributos aos rótulos pode melhorar a qualidade do código.
A análise detalhada dos métodos de uso de atributos da tag <etel e etiqueta> no HTML5 está aqui. Você pode marcar o URL desta página http://www.vevb.com/web/a/2018090496006.shtml para acessá -lo na próxima vez.