Ir para conteúdo
zetabyte00

O correto seria a tag <button>?

Recommended Posts

Não sei se essa é área correta do fórum.

 

Nesse site: http://www.curriculum.com.br/candidatos/vagas-emprego/

 

Para criar os botões "Login"  e "Cadastre-se", o desenvolvedor usou a marcação <a></a> ao invés de <button></button>. Isso é incorreto segundo às boas práticas de UI, certo?

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ambos funcionam, no caso do <button> você pode atribuir class/id;

<button id="stylebtn">Entrar</button>

Já no <a> você tem que criar um <spam> para atribuir uma classe.

Mas ambos funcionam.

Compartilhar este post


Link para o post
Compartilhar em outros sites
Em 11/09/2017 at 13:40, gianp disse:

Já no <a> você tem que criar um <spam> para atribuir uma classe.

 

@gianp, pode atribuir classes sim:

<a class="classe1 classe2" id="id1"> ... </a>

 

 

Em 11/09/2017 at 13:28, zetabyte00 disse:

Isso é incorreto segundo às boas práticas de UI, certo?

 

@zetabyte00 ... errado. UI é a interação da interface com o usuário, sendo com classes o id´s.

  • Obrigado! 1

Compartilhar este post


Link para o post
Compartilhar em outros sites
5 horas atrás, Guilherme Luiz disse:

Depende da programação...

 

Tem muito programador que prefere utilizar LINKS ao inves de BUTTONS devido a maior facilidade de estilização, mas ambos podem ser utilizados para postar um formulario!

 

Outra dúvida relacionada, o correto é usar <button> ao invés <input type="button">. Pois, esta última, já está ultrapassada, estou correto?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por Remilton Silva
      <script> $(document).ready(function() { $("button").click(function(){ if ($(this).val() == '' ) { $("button").disabled=true; }else { $("button").disabled=false; } }); }); </script> Olá prezados,
       
      Estou pesquisando mas ainda não achei algo que me ajude com o cod.
      se alguém puder ajudar, será de grande valia.
       
      preciso que o button só seja ativado quando todos os inputs forem preenchidos, como faço isso em JavaScript?
       
      <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <div id="corpo-form"> <h2>Cadastrar</h2> <input type="text" class="form-control" name="nome" placeholder="Nome Completo" maxlength="30"><br><br> <select class="form-control" name="gerencia"> <option value="Selecione uma Opção" selected>Selecione uma Opção.</option> <option value="GECOR">Vendas</option> <option value="GECON">Almoxarifado</option> <option value="GECIN">RH</option> <option value="DIRETORIA">DIRETORIA</option> </select><br><br> <input type="text" class="form-control" name="telefone" placeholder="Telefone"maxlength="30"><br><br> <input type="email" class="form-control" name="email" placeholder="E-mail" maxlength="40"><br><br> <input type="password" class="form-control" name="senha" placeholder="Senha" maxlength="15"><br><br> <input type="password" class="form-control" name="confsenha" placeholder="Confirmar Senha" maxlength="15"><br><br> <input type="button" class="btn btn-danger btn-outline-light btn-block" value="Entrar" maxlength="" required="required"> <br> </div> </body> </html>  
    • Por 4ly
      Olá. Bom basicamente eu tenho um botão âncora que leva até a aba de sobre do meu site, só que ele não tem animação, ele simplesmente "teleporta" para essa aba do nada isso não é legal. 
      Gostaria de saber algum código de JavaScript ou CSS para solucionar isso 
      Esse é o código : 
       
      <button id="explorer"><a href="#about">Explorar</a></button>
    • Por petrochinski
      Eu tive uma ideia muito boa, mas não consegui fazer ainda.
       
      A ideia é simples, eu tenho um botão escrito 'Contato', quando passar o mouse gostaria que ele "abrisse" uma div logo abaixo (dropdown), como por exemplo aparecer o telefone somente se passar o mouse.
       
      Não achei nenhum tópico com essa ideia... é que gostaria de fazer sem utilizar nav, pois nav é o menu, e a ideia inicial é de fato ser um botão que aparece as informações quando se passa o mouse.
       
      Grato :)
    • Por fabiodurgante
      ola eu tenho o seguinte esse codigo apaga todos eelementos da tagname
      const elements = window.content.document.getElementsByClassName("tagname");
         while (elements.length > 0) elements[0].remove();
          
      tem paginas com botao inativos e tem que espperar 10 segundos para ativar botao poprem as vezes passa tempo e naoa ativa o bota como posso fazer para ativas todos os botoes que existe na pagina somente 1 botao poorem nao sei classname e nao sei id como poderia ativar todos os botoes ???
    • Por luis.kawata
      Bom dia, estou com um problema, editei o arquivo da pagina de categorias dos produtos, e agora sumiu o botão de adicionar carrinho.
      Consegui inserir novamente um novo botão personalizado, mediante codigo HTML e PHP, porém eu preciso fazer com que esse botão, "puxe" o ID de cada produto na vitrine.
      Pois da forma que está, não está levando a lugar nenhum. O arquivo editado foi o Functions.PHP, estou quebrando a cabeça, mas não estou conseguindo, alguem poderia me auxiliar?
      segue link para visualização:
      https://pureart7.com.br/portico/categoria-produto/fusion/
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.