Breaking News: Grepper is joining You.com. Read the official announcement!

search button inside search box

Horrible Hedgehog answered on September 13, 2021 Popularity 10/10 Helpfulness 2/10

answer search button inside search box

related search button

search button inside search box

Comment

<input type="text" id="q" />
<input type="button" id="b" value="Search" />


#q, #b { 
   margin: 0 
}
#q { 
   padding: 5px; 
   font-size: 2em; 
   line-height: 30px 
}
#b { 
   /* image replacement */
   text-indent: -99999px; 
   width: 30px; 
   height: 30px; 
   display: block;
   background: gray url(button.png) 0 0 no-repeat;

   /* placing next to input using float or absolute positioning omitted ... */
}

Popularity 10/10 Helpfulness 2/10 Language html

Source: stackoverflow.com

Tags: button html search search-box

Link to this answer
Share Copy Link

Contributed on Sep 13 2021

Horrible Hedgehog

0 Answers Avg Quality 2/10

Closely Related Answers

search button

Comment

<button type="submit">
  <svg id="search" role="img" aria-describedby="searchIcon" viewBox="0 0 16 16.9">
    <title id="searchIcon">Search</title>
    <path d="M16, 15.7L11.3,11C12.4,9.8,13, 8.2,13,6.5C13"></path>
  </svg>
</button>

Popularity 10/10 Helpfulness 4/10 Language html

Source: hidde.blog

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Jul 23 2022

Shihabur Rahman

0 Answers Avg Quality 2/10

search button inside search box

Contents

More Related Answers

search button inside search box

Closely Related Answers

search button

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.