---
# System prepended metadata

title: HTML5 input types

---

# HTML5 input types

---


## 1- **Radio:**
used as collections of radio buttons describing a set of related options.
```javascript
<input type="radio" id="R1" value="male"/> <br>
<input type="radio" id="R2" value="female"/>
```

## 2- **button:**
 used as simple push buttons
 
 ```javascript
<input type="button" id="B1" value="save"/> 
```

## 3- **checkbox:**

let the user to select values for submission in a form 
 ```javascript
 <input type="checkbox" id="ar" value="arabic"> <br>
 <input type="checkbox" id="en" value="English">

```

## 4- **submet:**
are rendered as buttons. When the click action occurs and the user attempts to submit the form to the serve 
 ```javascript
<input type="submit" value="Send Request">
 
```

## 5- **file:**
 let the user choose one or more files from their device storage. 
 ```javascript
<label for="avatar">attach:</label>

<input type="file">
 
```

## 6- **Reset:**
let the user to resets all of the inputs in the form to their initial values.
 ```javascript
 <input type="reset" value="Reset">
 
```

## 7- **search:**
let the user to enter search into.
 ```javascript
 <input type="search" id="search" value="search" >
 
```




