Input types in HTML5

There are many input types in html5 which are explained below with source code.

Some input types are given here.

Search field:
 <input type="search">.
This input type is used for searching some thing.
new in html5

For email:
<input type="email">
This input type is used for getting only valid email.
new in html5

For telephone no# :
<input type="tel">
This input type wont to fetch telephone number.
new in html5

For location:
<input type="url">
This is used location url.
new in html5

For submit:
<input type="submit">
Submits the form data to the server

Reset form:
<input type="reset">
Resets the form controls to their default settings

Image buttons
<input type="image">
For using image buttons

Custom input button
<input type="button">
For using custom input buttons

Radio button:
<input type="radio">
For using radio button

Checkbox buttons:
<input type="checkbox">
For making checkbox button

The datalist Element

<p>Education completed:
<input type="text" list="edulevel" name="education">
<datalist id="edulevel">
<option value="High School">
<option value="Bachelors Degree">
<option value="Masters Degree">
<option value="PhD">
</datalist>
</p>

Output of above code

Education completed:

click on the empty input field and select the given default options.







The Best

Comment here

If you have any query, if you want to know something about any of technical course related to computer science field, if you have any suggestion about relevant to uploaded content or if you anything wrong here (any mistake in content) than please contact us. Keep in mind, comment should be according to community guidelines.


ads