Full Example of Allowing Multiple Selections:
Allow Multiple Selections Use the multiple attribute to allow the user to select more than one value.
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<h2>Allow Multiple Selections</h2>
<p>Use the multiple attribute to allow the user to select more than one value.</p>
<form action="/action_page.php">
<label for="cars">Choose a car:</label>
<select id="cars" name="cars" size="4" multiple>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select><br><br>
<input type="submit">
</form>
<p>Hold down the Ctrl (windows) / Command (Mac) button to select multiple options.</p>
</body>
</html>
Output should be:
| What is HTML Form Elements | HTML Form Elements |
| How to create HTML <input> Element | HTML Form Elements |
| How to create The <label> Element | HTML Form Elements |
| How to create HTML <select> Element | HTML Form Elements |
| How to create HTML <option> element | HTML Form Elements |
| How to Visible HTML Select Option Values | HTML Form Elements |
| How to Allow Multiple Selection in HTML Option Value | HTML Form Elements |
| How to create HTML <textarea> Element | HTML Form Elements |
| How to create HTML <button> Element | HTML Form Elements |
| How to create HTML <fieldset> and <legend> Elements | HTML Form Elements |
| How to create HTML <datalist> Element | HTML Form Elements |
| How to create HTML <output> Element | HTML Form Elements |
Type: | Html |
Category: | Web Tutorial |
Sub Category: | HTML Form Elements |
Uploaded by: | Admin |