Tutorial : Search Boxes Style
Mau Search Box lucu ini terpasang di blog mu? yuuk aah cekiddoott :)
Style 1 :
<form action="/search" id="searchThis" method="get" style="display: inline;">
<div style="text-align: center;">
<input id="searchBox" name="q"
onblur="if(this.value=='')this.value=this.defaultValue;"
onfocus="if(this.value==this.defaultValue)this.value='';"
style="background: #ffffff; border-radius: 5px; border: Pink solid 1px;
color: #bfbbbd; font-size: 11px; padding: 4px; width: 150px;"
type="text" value="Search here "
vinput="" /> <input id="searchButton" style="background: Pink;
border-radius: 5px; border: Pink solid 1px; color: white; font-size:
11px; padding: 4px;" type="submit" value="Find " /></form>
Style 2 :
<form action="/search" id="searchthis"
method="get" style="display: inline;">
<div style="text-align: center;">
<input id="search-box" name="q" size="20"
style="background: #fffafb border: 1px solid Pink;" type="text" value"Search" />
<input id="search-btn" style="background: #fffafb ; border: 1px solid Pink;
color: Pink; font-weight: bold;" type="submit" value="Go!" /><br />
<br /></div>
</form>
Style 3 :
<form action="/search" id="searchthis"
method="get" style="display: inline;">
<input border="Pink" id="search-box" name="q" size="25" type="text" value="Search here " /><input id="search-btn" src="http://i11.photobucket.com/albums/a168/evelynregly/4-4.png " style="margin-left: 5px; margin: 3px 0 0 5px;" type="image" value="Search" /><br />
<br /></div>
</form>
Style 4 :
<form action="/search" id="searchThis" method="get" style="display: inline;">
<input id="searchBox" name="q"
onblur="if(this.value=='')this.value=this.defaultValue;"
onfocus="if(this.value==this.defaultValue)this.value='';"
style="background: #fff; border: Pink dashed 1px; color: Pink;
font-size: 10px; width: 200px;" type="text" value="Search~ ♡" vinput=""
/> <input id="searchButton" style="background: #fff; border: Pink
dashed 1px; color: pink; font-size: 9px; padding-top: 3px;"
type="submit" value="Go" /></form>
Tutorial : Search Boxes Style
Mau Search Box lucu ini terpasang di blog mu? yuuk aah cekiddoott :)
Style 1 :
<form action="/search" id="searchThis" method="get" style="display: inline;">
<div style="text-align: center;">
<input id="searchBox" name="q"
onblur="if(this.value=='')this.value=this.defaultValue;"
onfocus="if(this.value==this.defaultValue)this.value='';"
style="background: #ffffff; border-radius: 5px; border: Pink solid 1px;
color: #bfbbbd; font-size: 11px; padding: 4px; width: 150px;"
type="text" value="Search here "
vinput="" /> <input id="searchButton" style="background: Pink;
border-radius: 5px; border: Pink solid 1px; color: white; font-size:
11px; padding: 4px;" type="submit" value="Find " /></form>
Style 2 :
<form action="/search" id="searchthis"
method="get" style="display: inline;">
<div style="text-align: center;">
<input id="search-box" name="q" size="20"
style="background: #fffafb border: 1px solid Pink;" type="text" value"Search" />
<input id="search-btn" style="background: #fffafb ; border: 1px solid Pink;
color: Pink; font-weight: bold;" type="submit" value="Go!" /><br />
<br /></div>
</form>
Style 3 :
<form action="/search" id="searchthis"
method="get" style="display: inline;">
<input border="Pink" id="search-box" name="q" size="25" type="text" value="Search here " /><input id="search-btn" src="http://i11.photobucket.com/albums/a168/evelynregly/4-4.png " style="margin-left: 5px; margin: 3px 0 0 5px;" type="image" value="Search" /><br />
<br /></div>
</form>
Style 4 :
<form action="/search" id="searchThis" method="get" style="display: inline;">
<input id="searchBox" name="q"
onblur="if(this.value=='')this.value=this.defaultValue;"
onfocus="if(this.value==this.defaultValue)this.value='';"
style="background: #fff; border: Pink dashed 1px; color: Pink;
font-size: 10px; width: 200px;" type="text" value="Search~ ♡" vinput=""
/> <input id="searchButton" style="background: #fff; border: Pink
dashed 1px; color: pink; font-size: 9px; padding-top: 3px;"
type="submit" value="Go" /></form>