input type='search' - HTML CSS HTML Tag

HTML CSS examples for HTML Tag:input

Introduction

The search type of input element creates a single-line text box for entering search terms.

Using the search Type of the input Element

Demo Code

ResultView the demo in separate window

<!DOCTYPE html>
<html>
   <head> 
      <title>Example</title> 
   </head> 
   <body> 
      <form method="post" action="http://example.com/form"> 
         <p> 
            <label for="name">
                Name: <!-- w  w w .j  av  a 2 s.co m-->
               <input value="java2s.com" id="name" name="name"> 
            </label> 
         </p> 
         <p> 
            <label for="password">
                Password: 
               <input type="password" placeholder="Min 6 characters" id="password" name="password"> 
            </label> 
         </p> 
         <p> 
            <label for="fave">
                Favorite Fruit: 
               <input type="text" id="fave" name="fave"> 
            </label> 
         </p> 
         <p> 
            <label for="search">
                Search: 
               <input type="search" id="search" name="search"> 
            </label> 
         </p> 
         <input type="submit" value="Submit Vote"> 
      </form>  
   </body>
</html>

Related Tutorials