How to make a search box like this one?

Question

I want to create a search box like this one. Can anybody help me?

score 0 · Answer 1 · edited May 23 '17 at 12:30

0

Use the HTML5 input placeholder attribute: http://www.w3schools.com/tags/att_input_placeholder.asp

For the image of the search icon check out this: search icon inside search box

edited May 23 '17 at 12:30

Community

1
1

answered Dec 23 '15 at 18:27

George

2,330
3
15
36

score 0 · Answer 2 · answered Dec 23 '15 at 18:42

You can do it with bootstrap:

https://jsfiddle.net/oa9wj80x/

<form class="navbar-form" role="search">
  <div class="input-group">
    <input type="text" class="form-control" placeholder="Search" name="srch-term" id="srch-term">
    <div class="input-group-btn">
      <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
    </div>
  </div>
</form>

How to make a search box like this one?

2 Answers2