Using the input Element to Obtain Search Terms

The type='search' input element presents the user with a single-line text box for entering search terms. This type of input element supports the same additional attributes as the text type.

 
<!DOCTYPE HTML>
<html>
<head>
<title>Example</title>
</head>
<body>
      <form method="post" action="http://yourServer/form">
            <p>
                  <label for="name"> Name: <input value="Mark" 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 Survey: <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>

Click to view this demo.

Home
HTML CSS Book
HTML

input Restricted: