Il miglior tutorial Fondazione Forma Nel 2024, in questo tutorial puoi imparare
etichetta,fieldset,Stato di errore,
Fondazione Forma
Fondazione di controllo Forms viene impostato automaticamente lo stile globale:
Tutto <textarea>
, <select>
e <input>
elemento larghezze sono al 100%, e con un margine, padding, ombra potabile effetto movimento del mouse.
Esempi
<Form>
ingresso:
<Input type = "text" segnaposto = "Nome">
Textarea:
<Righe Textarea = "4" segnaposto = "Indirizzo"> </ textarea>
Seleziona:
<Seleziona>
<Opzione> 1 </ option>
<Opzione> 2 </ option>
<Opzione> 3 </ option>
<Opzione> 4 </ option>
</ Select>
</ Form>
Prova »
etichetta
Utilizza il modulo <label>
elemento per impostare l'etichetta, l'etichetta può essere aggiunto per gli attributi e gli attributi id. Ottenere scatola input dell'utente a fuoco quando il campo di immissione o fare clic sulla scheda:
Esempi
<Form>
<Label for = "nome"> Input
<Input type = "text" segnaposto = "Nome" id = "nome">
</ Label>
<Label for = "ADR"> Label
<Righe Textarea = "4" segnaposto = "Indirizzo" id = "ADR"> </ textarea>
</ Label>
<Label for = "num"> Seleziona
<Selezionare id = "num">
<Opzione> 1 </ option>
<Opzione> 2 </ option>
<Opzione> 3 </ option>
<Opzione> 4 </ option>
</ Select>
</ Label>
</ Form>
Prova » Se è necessario impostare la scheda a destra, è possibile utilizzare .right
categorie:
Esempi
<Classe Label = "right">
Prova »
fieldset
Fondazione Rendering <fieldset>
elemento di stile come segue:
Esempi
<Form>
<Fieldset>
<Legend> Fieldset Leggenda </ leggenda >
<Etichetta> Nome
<Input type = "text" segnaposto = "Nome it">
</ Label>
<Label> e-mail
<Input type = "text" segnaposto = "Inserisci e-mail it">
</ Label>
</ Fieldset>
</ Form>
Prova »
Stato di errore
Utilizzare .error
classe per impostare l'etichetta sbagliata, caselle di immissione, stile testo scatole:
Esempi
<Form>
<Classe Label = "error"> Errore
<Input type = "text" segnaposto = "Nome it">
</ Label>
<Small class = "error"> Ingresso sbagliato </ small>
<Righe Textarea = "4" segnaposto = "Indirizzo"> </ textarea>
<Small class = "error"> Ingresso sbagliato </ small>
</ Form>
Prova » | È necessario utilizzare JavaScript per aggiornare lo stato di errore di input dell'utente. |
---|