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>
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>
<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:
fieldset
Fondazione Rendering <fieldset> elemento di stile come segue:
Esempi
<Form>
<Fieldset>
<Legend> Fieldset Leggenda </ leggenda >
<Etichetta> Nome
<Input type = "text" segnaposto = "Nome ..">
</ Label>
<Label> e-mail
<Input type = "text" segnaposto = "Inserisci e-mail ..">
</ Label>
</ Fieldset>
</ Form>
<Fieldset>
<Legend> Fieldset Leggenda </ leggenda >
<Etichetta> Nome
<Input type = "text" segnaposto = "Nome ..">
</ Label>
<Label> e-mail
<Input type = "text" segnaposto = "Inserisci e-mail ..">
</ 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 ..">
</ Label>
<Small class = "error"> Ingresso sbagliato </ small>
<Righe Textarea = "4" segnaposto = "Indirizzo"> </ textarea>
<Small class = "error"> Ingresso sbagliato </ small>
</ Form>
<Classe Label = "error"> Errore
<Input type = "text" segnaposto = "Nome ..">
</ 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. |
|---|