Forme HTML
Fondamenti di forme HTML
Qui cercheremo i mattoni degli elementi di forma HTML e i loro rispettivi attributi. Quindi, scaviamo dentro di loro:
Elemento forma HTML
Questo tag è la base delle forme HTML e viene utilizzato per fare il primo passo per la creazione di moduli HTML. La seguente sintassi si riferisce al tag modulo:
Gli elementi della forma sarebbero discussi nelle prossime sezioni. Qui, presentiamo la tabella degli attributi supportata dall'elemento modulo HTML.
| Attributi dell'elemento modulo HTML | ||
|---|---|---|
| Attributi | Valori) | Descrizione |
| azione | Questo definisce la posizione/file in cui verranno inviati i dati del modulo | |
| bersaglio | Viene utilizzato per visualizzare la risposta dopo l'invio del modulo | |
| _se stesso | Finestra corrente | |
| _superiore | Frame completo della finestra corrente | |
| _genitore | Frame genitore | |
| _vuoto | Nuova finestra | |
| Metodo | Definisce il metodo HTTP di invio del modulo | |
| OTTENERE | È il metodo predefinito utilizzato per richiedere i dati dal server | |
| INVIARE | Utilizzato per inviare dati al server | |
| Completamento automatico | SU | Il riutilizzo del modulo sarà automaticamente i campi |
| Novalidato | I dati del modulo non saranno validati alla presentazione | |
La tabella sopra ha riassunto tutti gli attributi supportati dall'elemento del modulo. Esploriamo elementi delle forme HTML.
Elemento dell'etichetta HTML
Questo elemento definisce l'etichetta per elementi del modulo HTML per mostrare lo scopo/descrizione di quell'elemento nella schermata dell'utente. Sebbene non sia un elemento necessario per la creazione di forme HTML, tuttavia, si consiglia di aggiungere questo elemento mentre aiuta a guidare gli utenti.
La sintassi del tag dell'etichetta è descritta di seguito
IL nome rappresenta il valore che verrebbe visualizzato sullo schermo dell'utente e accetta un attributo denominato per che contiene il riferimento al file id attributo dell'elemento di input.
Elemento di input HTML
L'elemento di input è considerato come l'elemento principale di un modulo HTML. La sintassi fornita di seguito si riferisce all'elemento di input:
La funzionalità del tag di input dipende dagli attributi e dai loro valori. Abbiamo elencato gli attributi importanti dell'elemento di input HTML.
| Attributi dell'elemento di input | ||
|---|---|---|
| Attributi | Valori) | Descrizione |
| id | Imposta l'identificatore per il riconoscimento | |
| Valore | Specifica il valore iniziale del campo di input | |
| Nome | utilizzato per inviare i dati dell'elemento di input | |
| sola lettura | Utilizzato per limitare il campo di testo a leggere | |
| lunghezza massima | Utilizzato per definire il numero massimo di caratteri in un campo di input | |
| min | Utilizzato per impostare il valore minimo di numero, data, intervallo, mese ecc., | |
| max | Il valore massimo di numero, data, intervallo, mese, ecc., | |
| multiplo | Questo attributo consente di inserire più indirizzi e -mail o di allegare più file | |
| necessario | Deve essere riempito prima della presentazione | |
| segnaposto | I caratteri fittizi che sono già presenti nel campo di input | |
| tipo | Utilizzato per inserire dati a seconda dei valori | |
| testo | Campo di testo singolo per inserire i dati | |
| pulsante | Crea un pulsante | |
| parola d'ordine | Imposta un campo di password | |
| invia | Pulsante Invia per inviare il modulo | |
| Ripristina | Pulsante di ripristino per ripristinare tutti i valori | |
| Radio | Per creare un pulsante di opzione | |
| Casella di controllo | Per creare una casella di controllo | |
| colore | Per impostare un colore del campo di testo | |
| data | Crea un campo di data | |
| Per creare un campo di testo per ottenere l'indirizzo e -mail | ||
| file | Verrebbe creato un campo di selezione di file per ottenere il file | |
| nascosto | Un campo che è visibile solo allo sviluppatore | |
| mese | Per selezionare mese e anno | |
| numero | Crea un campo che accetta valori numerici | |
| tel | Per inserire un numero di telefono | |
| URL | Utilizzato per creare un campo che contiene URL | |
Gli attributi forniti nella tabella descrivono che l'elemento di input ha un ruolo chiave nella creazione di moduli HTML.
Elemento texato HTML
L'elemento di input consente di inserire un campo di testo a linea singola. Tuttavia, se si desidera creare campi di testo multi-line, è necessario utilizzare il tag utilizzando la seguente sintassi:
Questo elemento accetta tre attributi, file, Cols, E nome. Le righe e i cols attribuiscono per impostare il altezza E larghezza dell'attributo mentre il nome L'attributo viene utilizzato per riconoscere il textarEa dal server.
Dalla discussione di cui sopra, avresti attraversato i mattoni delle forme HTML. Pratichiamoli per creare un modulo HTML di esempio.
Come creare un modulo HTML
Questa sezione pratica alcuni esempi che creano forme HTML in vari scenari.
Esempio
Il codice fornito di seguito crea un modulo HTML utilizzando l'elemento modulo insieme agli elementi di input ed etichetta.
La descrizione del codice è la seguente:
- Viene dichiarato un elemento di forma per avviare il corpo che è seguito da elementi di etichetta, input e area di testo.
- Due elementi dell'etichetta si riferiscono a due elementi di input che dovrebbero ricevere il nome e l'e -mail dell'utente. Inoltre, l'ultimo elemento dell'etichetta rappresenta il campo TextArea.
- Infine, viene creato un pulsante utilizzando il tipo di invio dell'elemento di input.
Produzione
Per una migliore comprensione dell'output, abbiamo evidenziato l'area in cui vengono creati i pulsanti di etichetta, input, textrea e invio.
Conclusione
I moduli in HTML vengono utilizzati per raccogliere dati dall'utente. Può essere per scopi come informazioni sui clienti, registrazione, feedback, commenti, ecc. Un modulo HTML può comprendere vari campi di testo, pulsanti di radio, caselle di controllo, campi di posta elettronica e molti altri. Abbiamo fornito gli elementi fondamentali delle forme HTML e, in seguito, questi elementi vengono utilizzati anche per creare un modulo HTML.