Como colocar um botão dentro de um input text?

HTML

CSS

JavaScript

07/08/2017

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?
Eduardo Farias

Eduardo Farias

Curtidas 0

Melhor post

Diego Silva

Diego Silva

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?
GOSTEI 3

Mais Respostas

Santos

Santos

07/08/2017

Opa Eduardo. Beleza?

Cara, não entendi muito bem o que você quer fazer kk

Tem como explicar melhor?

Abraços!
GOSTEI 0
Aparecida Gonçalves

Aparecida Gonçalves

07/08/2017

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.

<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.
GOSTEI 3
Eduardo Farias

Eduardo Farias

07/08/2017

Opa pessoal, obrigado pela ajuda!

Era isso que a Cidaluna sugestionou mesmo!

Muito obrigado!
GOSTEI 1
POSTAR