#### 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"> ```