Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix a typo in label tag #20573

Merged
merged 4 commits into from
Sep 12, 2022
Merged

Fix a typo in label tag #20573

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
e0c78ad
Fix a typo in 'lable for'
OnkarRuikar Sep 12, 2022
4eb2d1b
Change to 'dwarfs' from 'drawfs'
OnkarRuikar Sep 12, 2022
88feacb
Update email list id
OnkarRuikar Sep 12, 2022
1268ff8
Update files/en-us/web/html/attributes/multiple/index.md
teoli2003 Sep 12, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions files/en-us/web/html/attributes/multiple/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ When the attribute is omitted, the user can only select a single file per `<inpu
The `multiple` attribute on the {{HTMLElement("select")}} element represents a control for selecting zero or more options from the list of options. Otherwise, the {{HTMLElement("select")}} element represents a control for selecting a single {{HTMLElement("option")}} from the list of options.

```html
<select multiple name="drawfs" id="drawfs">
<select multiple name="dwarfs" id="dwarfs">
<option>Grumpy</option>
<option>Happy</option>
<option>Sleepy</option>
Expand All @@ -59,9 +59,9 @@ Setting `size="1"` on a multiple select can make it appear as a single select in

```html
<label for="emails">Who do you want to email?</label>
<input type="email" multiple name="emails" id="emails" list="drawfemails" required size="64">
<input type="email" multiple name="emails" id="emails" list="dwarf-emails" required size="64">

<datalist id="drawfemails">
<datalist id="dwarf-emails">
<option value="grumpy@woodworkers.com">Grumpy</option>
<option value="happy@woodworkers.com">Happy</option>
<option value="sleepy@woodworkers.com">Sleepy</option>
Expand Down Expand Up @@ -117,8 +117,8 @@ The `multiple` attribute on the {{HTMLElement("select")}} element represents a c
```html
<form method="get" action="#">
<p>
<label for="dwarfs">Select the woodsmen you like:</label>
<select multiple name="drawfs" id="drawfs">
<label for="dwarfs">Select the dwarf woodsman you like:</label>
<select multiple name="dwarfs" id="dwarfs">
<option>grumpy@woodworkers.com</option>
<option>happy@woodworkers.com</option>
<option>sleepy@woodworkers.com</option>
Expand Down Expand Up @@ -165,7 +165,7 @@ select[multiple]:active {
*/
```

There are a few ways to select multiple options in a `<select>` element with a `multiple` attribute. Depending on the operating system, mouse users can hold the <kbd>Ctrl</kbd>, <kbd>Command</kbd>, or <kbd>Shift</kbd> keys and then click multiple options to select/deselect them. Keyboard users can select multiple contiguous items by focusing on the `<select>` element, selecting an item at the top or bottom of the range they want to select using the <kbd>Up</kbd> and <kbd>Down</kbd> cursor keys to go up and down the options. The selection of non-contiguous is not as well supported: items should be able to be selected and deselected by pressing <kbd>Space</kbd> , but support varies between browsers.
There are a few ways to select multiple options in a `<select>` element with a `multiple` attribute. Depending on the operating system, mouse users can hold the <kbd>Ctrl</kbd>, <kbd>Command</kbd>, or <kbd>Shift</kbd> keys and then click multiple options to select/deselect them. Keyboard users can select multiple contiguous items by focusing on the `<select>` element, selecting an item at the top or bottom of the range they want to select using the <kbd>Up</kbd> and <kbd>Down</kbd> cursor keys to go up and down the options. The selection of non-contiguous is not as well-supported: items should be able to be selected and deselected by pressing <kbd>Space</kbd> , but support varies between browsers.

## Specifications

Expand Down