Skip to content

Commit 7f0832e

Browse files
committed
fix(reference): address review feedback for select
Signed-off-by: Alessandro De Blasis <alex@deblasis.net>
1 parent e40717e commit 7f0832e

1 file changed

Lines changed: 6 additions & 6 deletions

File tree

  • src/content/reference/react-dom/components

‎src/content/reference/react-dom/components/select.md‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,7 @@ Queste props di `<select>` sono rilevanti sia per caselle select non controllate
8585

8686
## Usage {/*usage*/}
8787

88-
### Displaying a select box with options {/*displaying-a-select-box-with-options*/}
88+
### Visualizzare una casella di selezione con opzioni {/*displaying-a-select-box-with-options*/}
8989

9090
Renderizza un `<select>` con un elenco di componenti `<option>` al suo interno per visualizzare una casella select. Assegna a ogni `<option>` un `value` che rappresenta i dati da inviare con il form.
9191

@@ -114,7 +114,7 @@ select { margin: 5px; }
114114

115115
---
116116

117-
### Providing a label for a select box {/*providing-a-label-for-a-select-box*/}
117+
### Fornire un'etichetta per una casella di selezione {/*providing-a-label-for-a-select-box*/}
118118

119119
Di solito, posizionerai ogni `<select>` dentro un tag [`<label>`](https://developer.mozilla.org/it/docs/Web/HTML/Element/label). Questo indica al browser che questa etichetta è associata a quella casella select. Quando l'utente clicca sull'etichetta, il browser metterà automaticamente a fuoco la casella select. È anche essenziale per l'accessibilità: uno screen reader annuncerà la didascalia dell'etichetta quando l'utente mette a fuoco la casella select.
120120

@@ -160,7 +160,7 @@ select { margin: 5px; }
160160

161161
---
162162

163-
### Providing an initially selected option {/*providing-an-initially-selected-option*/}
163+
### Fornire un'opzione inizialmente selezionata {/*providing-an-initially-selected-option*/}
164164

165165
Per impostazione predefinita, il browser selezionerà il primo `<option>` nell'elenco. Per selezionare un'opzione diversa di default, passa il `value` di quell'`<option>` come `defaultValue` all'elemento `<select>`.
166166

@@ -195,7 +195,7 @@ A differenza dell'HTML, passare un attributo `selected` a un singolo `<option>`
195195

196196
---
197197

198-
### Enabling multiple selection {/*enabling-multiple-selection*/}
198+
### Abilitare la selezione multipla {/*enabling-multiple-selection*/}
199199

200200
Passa `multiple={true}` al `<select>` per consentire all'utente di selezionare più opzioni. In quel caso, se specifichi anche `defaultValue` per scegliere le opzioni inizialmente selezionate, deve essere un array.
201201

@@ -228,7 +228,7 @@ select { display: block; margin-top: 10px; width: 200px; }
228228

229229
---
230230

231-
### Reading the select box value when submitting a form {/*reading-the-select-box-value-when-submitting-a-form*/}
231+
### Leggere il valore della casella di selezione all'invio di un form {/*reading-the-select-box-value-when-submitting-a-form*/}
232232

233233
Aggiungi un [`<form>`](https://developer.mozilla.org/it/docs/Web/HTML/Element/form) intorno alla tua casella select con un [`<button type="submit">`](https://developer.mozilla.org/it/docs/Web/HTML/Element/button) al suo interno. Invocherà il tuo gestore di eventi `<form onSubmit>`. Per impostazione predefinita, il browser invierà i dati del form all'URL corrente e ricaricherà la pagina. Puoi sovrascrivere questo comportamento chiamando `e.preventDefault()`. Leggi i dati del form con [`new FormData(e.target)`](https://developer.mozilla.org/en-US/docs/Web/API/FormData).
234234
<Sandpack>
@@ -305,7 +305,7 @@ Per impostazione predefinita, *qualsiasi* `<button>` dentro un `<form>` lo invie
305305

306306
---
307307

308-
### Controlling a select box with a state variable {/*controlling-a-select-box-with-a-state-variable*/}
308+
### Controllare una casella di selezione con una variabile di state {/*controlling-a-select-box-with-a-state-variable*/}
309309

310310
Una casella select come `<select />` è *non controllata.* Anche se [passi un valore inizialmente selezionato](#providing-an-initially-selected-option) come `<select defaultValue="orange" />`, il tuo JSX specifica solo il valore iniziale, non il valore attuale.
311311

0 commit comments

Comments
 (0)