You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/reference/react-dom/components/select.md
+6-6Lines changed: 6 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -85,7 +85,7 @@ Queste props di `<select>` sono rilevanti sia per caselle select non controllate
85
85
86
86
## Usage {/*usage*/}
87
87
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*/}
89
89
90
90
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.
91
91
@@ -114,7 +114,7 @@ select { margin: 5px; }
114
114
115
115
---
116
116
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*/}
118
118
119
119
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.
120
120
@@ -160,7 +160,7 @@ select { margin: 5px; }
160
160
161
161
---
162
162
163
-
### Providing an initially selected option {/*providing-an-initially-selected-option*/}
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>`.
166
166
@@ -195,7 +195,7 @@ A differenza dell'HTML, passare un attributo `selected` a un singolo `<option>`
### Abilitare la selezione multipla {/*enabling-multiple-selection*/}
199
199
200
200
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.
### 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*/}
232
232
233
233
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).
234
234
<Sandpack>
@@ -305,7 +305,7 @@ Per impostazione predefinita, *qualsiasi* `<button>` dentro un `<form>` lo invie
305
305
306
306
---
307
307
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*/}
309
309
310
310
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.
0 commit comments