Posted By

BebenKoben on 02/29/12


Tagged

html


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

bug5
Lizzychang


Simple Form Search Box


 / Published in: HTML
 

Very simple form search box Here for play coded http://undercover-blogger.blogspot.com/p/html-editor.html

  1. CSS Coded
  2.  
  3. .search {
  4. width: 260px;
  5. padding: 0 10px;
  6. height: 42px;
  7. background: #8CDAF8;
  8. }
  9. .search .searchform {
  10. margin:7px 0;
  11. display: inline;
  12. height:29px;
  13. }
  14. .search .searchbutton {
  15. margin: 8px 0 0 0;
  16. background: #777;
  17. width:30px;
  18. height:26px;
  19. font: normal 14px/14px 'Trebuchet MS', sans-serif;
  20. color:#FFF;
  21. border: 0;
  22. }
  23. .search .searchbx {
  24. font: italic normal 15px/15px Georgia, serif;
  25. color: #555;
  26. border: none !important;
  27. height: 20px;
  28. width: 226px;
  29. padding: 0 0 3px;
  30. background-color: transparent !important;
  31. }
  32.  
  33. Markup HTML
  34.  
  35. <div class="search">
  36. <form class="searchform" action="http://undercover-blogger.blogspot.com/search" method="get" target="top">
  37. <input name="q" type="text" class="searchbx" size="" placeholder="Type here to search..." />
  38. <input type="submit" class="searchbutton" value="OK" />
  39. </form>
  40. </div>

Report this snippet  

You need to login to post a comment.