---
# System prepended metadata

title: Untitled

---

#### Name: Samah Jamie
#### The HTML5 Input Types:

- **Search Field input:**
Search fields are intended to be used to create search boxes on pages and apps. This type of field is set by using the value search for the type attribute.
- [ ] Example:
```htmlembedded=
<input type="search" id="search" name="search">
```
- **Time input:**
It creates a widget to display and pick a time value. While time may display in 12-hour format, the value returned is in 24-hour format.
- [ ] Example:
```htmlembedded=
<input type="time" name="time" id="time">
```
- **Datetime-local input:**
It creates a widget to display and pick a date with time with no specific time zone information.
- [ ] Example:
```htmlembedded=
<input type="datetime-local" name="datetime" id="datetime">
```
- **Week input:**
It creates a widget to display and pick a week number and its year.
- [ ] Example:
```htmlembedded=
<input type="week" name="week" id="week">
```
- **Month input:**
It creates a widget to display and pick a month with a year.
- [ ] Example:
```htmlembedded=
<input type="month" name="month" id="month">
```
- **Color picker control input:**
A color control can be created using the <input> element with its type attribute set to the value color.
- [ ] Example:
```htmlembedded=
<input type="color" name="color" id="color">
```
- **Email adress Field input:**
This type of field is set using the value email for the type attribute.
- [ ] Example:
```htmlembedded=
<input type="email" id="email" name="email">
```
- **Phone number field input:**
A special field for filling in phone numbers can be created using tel as the value of the type attribute.
- [ ] Example:
```htmlembedded=
<input type="tel" id="tel" name="tel">
```
- **URL field input:**
A special type of field for entering URLs can be created using the value url for the type attribute.
- [ ] Example:
```htmlembedded=
<input type="url" id="url" name="url">
```
- **Numeric field input:**
Controls for entering numbers can be created with an <input> type of number. This control looks like a text field but allows only floating-point numbers, and usually provides buttons in the form of a spinner to increase and decrease the value of the control.
- [ ] The following *example* creates a number control whose value is restricted to any value between 1 and 10, and whose increase and decrease buttons change its value by 2.
```htmlembedded=
<input type="number" name="age" id="age" min="1" max="10" step="2">
```




