Form - Search bar


/ Published in: HTML
Save to your folder(s)



Copy this code and paste it in your HTML
  1. <!-- form search bar #1 -->
  2.  
  3. <form method="get" action="http://designmoo.com/" name="search">
  4. <input id="s" type="text" value="" name="s">
  5. <input id="submit" class="submit" type="submit" value="Search" name="submit">
  6. </form>
  7.  
  8. <!-- form search bar #2 -->
  9.  
  10. <div>
  11. <input type="text" name="search" placeholder="search">
  12. <input type="submit" name="search" value="go" class="search">
  13. </div>
  14.  
  15. <!--css for form search bar # 2-->
  16.  
  17. nav ul li div input[type=text]{
  18. -webkit-border-radius: 20px;
  19. -moz-border-radius: 20px;
  20. background: #4b9241;
  21. border-left: none;
  22. border-right: none;
  23. border-bottom: 1px solid #5ead52;
  24. border-top: 1px solid #346d2c;
  25. color: #fff;
  26. text-shadow: 0 1px 0 #387031;
  27. padding: 5px 0 5px 20px;
  28. width: 200px;
  29. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.