Como colocar um botão dentro de um input text?
07/08/2017
0
Fala pessoal, beleza?
Estou precisando colocar um botão dentro de um input text. A intenção é fazer que o usuário busque o termo digitado dentro do input após clicar nesse botão. Tem como fazer isso?
Estou precisando colocar um botão dentro de um input text. A intenção é fazer que o usuário busque o termo digitado dentro do input após clicar nesse botão. Tem como fazer isso?
Eduardo Farias
Curtir tópico
+ 0
Responder
Post mais votado
08/08/2017
Olá Eduardo, tudo bem?
Também não entendi muito bem. No caso você quer um botão tipo esse da busca de DevMedia?
Busca
Que no caso seria o botão de pesquisar sendo envolvido com um input?
Também não entendi muito bem. No caso você quer um botão tipo esse da busca de DevMedia?
Busca
Que no caso seria o botão de pesquisar sendo envolvido com um input?
Diego Silva
Responder
Mais Posts
07/08/2017
Santos
Opa Eduardo. Beleza?
Cara, não entendi muito bem o que você quer fazer kk
Tem como explicar melhor?
Abraços!
Cara, não entendi muito bem o que você quer fazer kk
Tem como explicar melhor?
Abraços!
Responder
08/08/2017
Aparecida Gonçalves
Olá Eduardo, tudo bem?
Se você utilizar Bootstrap com HTML, existe uma maneira de inserir um botão em um input de uma forma bonita e responsiva.
Veja o código abaixo, mas lembre-se de adicionar o Bootstrap em seu projeto, para visualizar o resultado da forma desejada.
Vc encontrará mais detalhes no site get bootstrap, no menu Componentes escolha Input groups e Button addons.
Espero ter ajudado!
Abraços,
Cida Luna.
Se você utilizar Bootstrap com HTML, existe uma maneira de inserir um botão em um input de uma forma bonita e responsiva.
Veja o código abaixo, mas lembre-se de adicionar o Bootstrap em seu projeto, para visualizar o resultado da forma desejada.
<div class="col-lg-6">
<div class="input-group">
<input type="text" class="form-control" placeholder="Entre com a informação aqui...">
<span class="input-group-btn">
<button class="btn btn-default" type="button">Pesquise</button>
</span>
</div>
</div>Vc encontrará mais detalhes no site get bootstrap, no menu Componentes escolha Input groups e Button addons.
Espero ter ajudado!
Abraços,
Cida Luna.
Responder
09/08/2017
Eduardo Farias
Opa pessoal, obrigado pela ajuda!
Era isso que a Cidaluna sugestionou mesmo!
Muito obrigado!
Era isso que a Cidaluna sugestionou mesmo!
Muito obrigado!
Responder
Clique aqui para fazer login e interagir na Comunidade :)