Ir ao conteúdo
  • Cadastre-se
Matheus Evandro Rech

HTML nao consigo colocar nome no botao

Recommended Posts

Estou com um problema ja procurei em muitos sites e fóruns mais não encontrei,

estou criando um botão home para que quando o usuario estiver em uma pagina de produtos clicar neste botão e ir para a pagina inicial

 


 

<a href="meulinkhome"><input type="button" id="botaohome" placehorder="Home" >



id ccs:

input#botaohome {
             width: 150px;
             border: 25px solid green;
             padding: 5px;
             margin: 25px;
             background-color:white;
             color:#0099e6;
             border: 10px outset blue;

             font-family: keep calm;
}

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Matheus Evandro Rech

 <a href="meulinkhome">NOME DO BOTÃO<input type="button" id="botaohome" placehorder="Home" >
adicionado 3 minutos depois

Espera ai eu falei besteira

adicionado 9 minutos depois

Tente fazer com o proprio button, normalmente o input serve para "submit"

 

<a href="link para ir"<button type="submit" id="botaohome"> Ir para Home</button></a>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Matheus Evandro Rech uma forma é estilizar uma classe no elemento âncora como um botão e não usar o elemento input ou button.

 

HTML:

 

<!-- Exemplo 1 -->
<a class="botao" href="#">teste</a>

<!-- Exemplo 2 -->
<a href="#" target="_blank"><input type="button" id="botaohome" value="botao"></a>

<!-- Exemplo 3 -->
<a href="#" target="_blank"><button>teste</button></a>

 

CSS:

 

.botao {
  
  background: linear-gradient(#EEE, #CCC);
  padding: 3px;
  border: 1px solid #AAA;
  border-radius: 3px;
  text-decoration: none;
  color: black;
  
}

Você também pode fazer com JavaScript:

 

<!-- Exemplo 4 -->
<button onclick="window.location='https://google.com'">
Teste
</button>

<!-- Exemplo 5 -->
<button onclick="window.open('https://google.com', '_blank')">
Teste
</button>

 

  • Curtir 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

@navegantenarede

 

consegui

eu so nao sabia mesmo a tag para aparecer o nome que era value

html:

<a href="meulinkhome"><input type="button" id="botaohome" value="Home" >

ccs:

input#botaohome {
             width: 150px;
             border: 25px solid green;
             padding: 5px;
             margin: 25px;
             background-color:white;
             color:#0099e6;
             border: 10px outset blue;
             font-family: keep calm;
}

 

como você mandou o style não mudou ficou com o mesmo modo de botão porque o meu ccs tem um style que estou usando como padrão e o seu não mudou nada não sei se digitou algo errado ou é assim mesmo

obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Matheus Evandro Rech que bom que conseguiu! O estilo que mandei foi só de exemplo, você pode usar da mesma forma com o estilo que desejar. 

 

Lembrando que a opção de colocar um elemento <button> dentro de um elemento <a> não é a ideal considerando a especificação do HTML e sua semântica, por isso, minha sugestão seria utilizar um link e estilizar com CSS, que foi o primeiro exemplo.

 

Outro detalhe é que no elemento <button> o "value" é um atributo e não uma tag.

 

html-syntax.png

  • Curtir 1

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





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×