Advanced Search

Form - Search bar

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

Expand | Embed | Plain Text

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.