Como adicionar tags em um formulário de inscrição para cumprir com as recomendações do Google Lighthouse

  • Autor Autor Ocio132
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Ocio132

Ocio132

Alfa
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
hola buenas como puedo estrucutrurar esto tal como dice aqui???
tal como dice aqui?? advertencia google lighthouse
HTML:
 
<h4>Suscríbete al blog</h4>
Suscríbete y recibirás un aviso en tu email cada vez que se publique un nuevo post.

<strong>¡IMPORTANTE MIRAR EN LA CARPETA DE SPAM PARA PODER VERIFCARLO!</strong>

<form id="new_subscriber" class="simple_form form form-vertical" accept-charset="UTF-8" action="" method="post" novalidate="novalidate"><input name="utf8" type="hidden" value="✓" /><label class="control-label string optional" for="subscriber_name">Nombre requerido </label>
<input id="subscriber_name" class="form-control string optional" name="subscriber[name]" type="text" />
<div class="form-group email required subscriber_email"><label class="control-label email required" for="subscriber_email"><abbr title="Requerido"></abbr> Email requerido </label><input id="subscriber_email" class="form-control string email required" name="subscriber[email]" type="email" /></div>
<div class="form-group string optional subscriber_name"></div>
Acepto la <a href=""><b>Política de Privaciad</b></a>
<div class="form-group boolean optional subscriber_subscribed_with_acceptance">
<div class="checkbox"><input name="subscriber[subscribed_with_acceptance]" type="hidden" value="0" /><label class="boolean optional" for="subscriber_subscribed_with_acceptance"><input id="subscriber_subscribed_with_acceptance" class="boolean optional" name="subscriber[subscribed_with_acceptance]" type="checkbox" value="1" />Acepto</label></div>
</div>
<input id="anotheremail" style="position: absolute; left: -5000px;" tabindex="-1" autocomplete="off" name="anotheremail" type="text" />
<div class="submit-wrapper"><input class="btn btn-primary" name="commit" type="submit" value="Enviar" data-disable-with="Procesando" /></div>
</form>
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
hola buenas como puedo estrucutrurar esto tal como dice aqui???
tal como dice aqui?? advertencia google lighthouse
HTML:
&nbsp;
<h4>Suscríbete al blog</h4>
Suscríbete y recibirás un aviso en tu email cada vez que se publique un nuevo post.

<strong>¡IMPORTANTE MIRAR EN LA CARPETA DE SPAM PARA PODER VERIFCARLO!</strong>

<form id="new_subscriber" class="simple_form form form-vertical" accept-charset="UTF-8" action="" method="post" novalidate="novalidate"><input name="utf8" type="hidden" value="✓" /><label class="control-label string optional" for="subscriber_name">Nombre requerido </label>
<input id="subscriber_name" class="form-control string optional" name="subscriber[name]" type="text" />
<div class="form-group email required subscriber_email"><label class="control-label email required" for="subscriber_email"><abbr title="Requerido"></abbr> Email requerido </label><input id="subscriber_email" class="form-control string email required" name="subscriber[email]" type="email" /></div>
<div class="form-group string optional subscriber_name"></div>
Acepto la <a href=""><b>Política de Privaciad</b></a>
<div class="form-group boolean optional subscriber_subscribed_with_acceptance">
<div class="checkbox"><input name="subscriber[subscribed_with_acceptance]" type="hidden" value="0" /><label class="boolean optional" for="subscriber_subscribed_with_acceptance"><input id="subscriber_subscribed_with_acceptance" class="boolean optional" name="subscriber[subscribed_with_acceptance]" type="checkbox" value="1" />Acepto</label></div>
</div>
<input id="anotheremail" style="position: absolute; left: -5000px;" tabindex="-1" autocomplete="off" name="anotheremail" type="text" />
<div class="submit-wrapper"><input class="btn btn-primary" name="commit" type="submit" value="Enviar" data-disable-with="Procesando" /></div>
</form>

Solo agregas la etiqueta label y el for agregas una palabra clave, en la siguiente etiqueta input añades una popiedad llamada name y le asignas la palabra clave que le asginaste en el label de arriba. Fin,

HTML:
  <label for="name"></label>
  <input type="text" name="name" id="">
 
perdona por mi ignorancia a penas estoy aprendiendo html lo saque de un formulario de suscripción de las newsletter si me lo das hecho se lo agradecería
 

Tópicos similares

Voltar
Topo