tag HTML - è un elemento vuoto e contiene solo attributi. Usato all'interno di un elemento
I campi di input dell'utente possono variare notevolmente l'uno dall'altro. A seconda del valore dell'attributo type, il campo di input può essere un campo di testo, un campo password, un pulsante di opzione, un pulsante semplice e così via.
Nota: l'attributo di accettazione non è supportato in IE9 e versioni successive prime versioni.
Alt: Fornisce testo alternativo per l'utente, se per qualche motivo non può visualizzare le immagini. Attributo alternativo può essere utilizzato solo in combinazione con l'attributo type = "image". completamento automatico: determina se il completamento automatico è abilitato per il campo di immissione dei dati:
Nota: l'attributo di completamento automatico funziona con i seguenti valori di attributo del tipo di elemento : testo, ricerca, url, tel, e-mail, password, datepicker, intervallo e colore.
Messa a fuoco automatica: comunica al browser che l'elemento è dovrebbe essere attivo dopo il caricamento della pagina. È possibile impostare i valori per l'attributo autofocus booleano nei seguenti modi:
Nota: l'attributo di messa a fuoco automatica non è supportato in IE9 e versioni precedenti.
Selezionato: indica che dato elemento sarà selezionato per impostazione predefinita al caricamento della pagina. Funziona solo con l'attributo type = "checkbox" o type = "radio". I valori per l'attributo booleano controllato possono essere impostati nei seguenti modi: Esempio "disabilitato: indica che un elemento deve essere disabilitato (l'elemento disabilitato è inattivo). I valori per l'attributo booleano disabilitato possono essere impostati nei seguenti modi: Esempio "
Nota: attributo disabilitato non funziona con .
Modulo: specifica il modulo a cui è associato l'elemento ... Il valore dell'attributo è l'identificatore dell'elemento
Se l'attributo form non è specificato, allora l'elemento deve essere un discendente di un elemento
Nota: l'attributo form non è supportato in IE.
Formazione: specifica l'URL del file che elaborerà i dati di input quando il modulo viene inviato. L'attributo di formazione viene utilizzato solo con type = "submit" o type = "image" e sovrascrive l'attributo action dell'elemento
Nota: l'attributo di formazione non è supportato in IE9 e versioni precedenti.
Formenctype: determina il modo in cui i dati del modulo vengono codificati quando vengono inviati al server. Può essere utilizzato solo in combinazione con l'attributo method = "post" di un elemento
Nota: l'attributo formenctype non è supportato in IE9 e versioni precedenti.
Metodo di forma: definisce il metodo HTTP per l'invio dei dati a URL specificato(per tipo = "invia" e tipo = "immagine"):
Nota: l'attributo formmethod non è supportato in IE9 e versioni precedenti.
Formnovalidate: indica che i dati inseriti nel campo di input non verranno convalidati prima dell'invio. Valori possibili per l'attributo booleano novalidate:
Nota: l'attributo formnovalidate non è supportato in IE9 e versioni precedenti o in Safari.
Formtarget: specifica un nome di frame o una parola chiave che specifica dove visualizzare la risposta ricevuta dopo l'invio del modulo:
Nota: l'attributo formtarget non è supportato in IE9 e versioni precedenti.
Altezza: specifica l'altezza dell'elemento in pixel, usata solo con (esempio: altezza = "100"). list: stabilisce una relazione tra un elemento e , che consente di specificare in anticipo un elenco per il campo di input alcune opzioni... L'identificatore dell'elemento viene utilizzato come valore per l'attributo. ... Esempio "
Nota: l'attributo dell'elenco non è supportato in IE9 e versioni precedenti o in Safari.
Max: indica valore massimo per inserire un numero o una data. È possibile utilizzare l'attributo max insieme all'attributo min per creare un intervallo di valori validi.
Nota: l'attributo max non è supportato in IE9 e versioni precedenti o in Firefox.
Maxlength: determina il numero massimo di caratteri che possono essere immessi nel campo di input. Questo attributo può essere utilizzato per limitare il numero di caratteri che un utente può immettere in un determinato campo. Ad esempio, quando si richiede un anno, è possibile limitare il numero di caratteri impostando l'attributo maxlength su 4. Esempio »min: determina il valore minimo per l'immissione di un numero o di una data.
Nota: l'attributo min non è supportato in IE9 e versioni precedenti o in Firefox.
Multiplo: indica che l'utente può immettere più di un valore. L'attributo multiplo funziona solo con type = "email" e type = "file". Valori possibili per l'attributo booleano multiplo: Esempio "
Nota: l'attributo multiplo non è supportato in IE9 e versioni precedenti.
Nome: L'attributo nome definisce il nome dell'elemento, viene inviato al server insieme ai dati inseriti nel campo. Il nome può essere utilizzato in JavaScript per fare riferimento a un elemento o per identificare i dati trasmessi sul server (ad esempio, durante l'elaborazione dei dati sul server, il nome dell'elemento consente di determinare cosa è stato inserito come nome utente e cosa è stato inserito come una password). pattern: specifica un'espressione regolare che definisce la sintassi dei dati che dovrebbero essere consentiti nel campo di input. Il modello dell'espressione regolare deve corrispondere interamente al valore immesso. Per descrivere come funziona il modello, puoi utilizzare l'attributo del titolo globale. L'attributo pattern funziona con i seguenti valori per l'attributo type: testo, ricerca, url, tel, email e password.
Nota: l'attributo pattern non è supportato in IE9 e versioni precedenti o Safari.
Segnaposto: definisce un breve suggerimento che descrive il valore previsto per un campo di input (esempio: un valore di esempio o breve descrizione formato previsto). Il tooltip viene visualizzato nel campo di input quando è vuoto e scompare quando l'utente inizia a inserire i dati o quando il campo riceve il focus (la differenza nel funzionamento dell'attributo dipende dal browser utilizzato), se il campo perde il focus e non dati sono stati inseriti nel campo, quindi nel campo viene nuovamente visualizzato il prompt.
L'attributo segnaposto funziona con i seguenti valori di attributo di tipo: testo, ricerca, url, tel, e-mail e password. Esempio "
Nota: attributo segnaposto non supportato in IE9 e versioni precedenti.
Sola lettura: indica che il campo di input è di sola lettura e non può essere modificato (tuttavia, il testo può essere selezionato e copiato). Valori possibili per l'attributo di sola lettura booleano: Esempio »obbligatorio: indica che il campo di input deve essere completato prima di inviare il modulo. Se l'utente tenta di inviare il modulo senza inserire alcun valore nel campo, sullo schermo viene visualizzato un messaggio di avviso. Questo messaggio sarà diverso per contenuto e stile a seconda del browser e del tipo di campo di input.
L'attributo richiesto funziona con i seguenti valori di attributo di tipo: testo, ricerca, url, tel, e-mail, password, selezione data, numero, casella di controllo, radio e file. Valori possibili per l'attributo booleano obbligatorio:
Nota: attributo richiesto non supportato in IE9 e versioni precedenti o Safari.
Dimensione: specifica la larghezza del campo di input (l'unità è il numero di caratteri visibili). Quindi, ad esempio, un valore 3 crea un campo di immissione del testo sufficientemente ampio da visualizzare tre caratteri immessi (sebbene l'utente possa immettere e grande quantità). L'attributo size funziona con i seguenti valori per l'attributo type: testo, ricerca, tel, url, email e password. Per specificare il numero massimo di caratteri da inserire, utilizzare l'attributo maxlength. Esempio »src: specifica il percorso del file grafico per il campo immagine. L'attributo src è richiesto per gli elementi with type = "image" e può essere utilizzato solo con loro. passo: Determina la spaziatura dei numeri per l'elemento ... Esempio: se passo = "3", i possibili valori dei numeri possono essere: -3, 0, 3, 6, ecc. L'attributo step può essere utilizzato insieme agli attributi max e min per creare un intervallo di valori validi.
Nota: l'attributo step non è supportato in IE9 e versioni precedenti o in Firefox.
Tipo: indica quale tipo di controllo verrà visualizzato. Per impostazione predefinita, i browser utilizzano a meno che non venga specificato un valore diverso o sconosciuto per l'attributo type. In questo modo, i browser che non supportano i nuovi valori li sostituiranno semplicemente con quelli predefiniti e visualizzeranno un campo di input di testo normale.
Etichetta supporta anche gli attributi e gli eventi globali
Etichetta - elemento linguaggio html, che consente di creare varie parti del modulo, come caselle di controllo, pulsanti di opzione, campi di input. L'elemento non ha tag di fine, poiché tutti i parametri vengono impostati utilizzando gli attributi.
L'aspetto dell'elemento determina l'attributo genere:
tipo = "testo"- creazione di un campo di input in cui è possibile inserire automaticamente testo arbitrario usando l'attributo valore;
tipo = "password"- creazione di un campo per l'inserimento di una password e le informazioni inserite vengono visualizzate con asterischi;
tipo = "casella di controllo"- creazione di una bandiera;
tipo = "radio"- definizione di un interruttore. È necessario utilizzare più elementi per creare un gruppo di pulsanti di opzione .
tipo = "pulsante"- creare un pulsante di qualsiasi scopo;
tipo = "invia"- creazione di un pulsante, cliccando sul quale si conferma l'inserimento delle informazioni nel modulo. L'attributo value viene utilizzato per definire l'etichetta sul pulsante;
tipo = "ripristina"- anche un pulsante, ma per cancellare l'inserimento dei dati nel form;
tipo = "immagine"- creazione di un pulsante con un'immagine. Indicare file grafico l'attributo è usato src... Attributo allineare progettato per il posizionamento di un pulsante con un motivo. I valori degli attributi sono già stati menzionati più volte: metter il fondo a, sinistra, mezzo, Giusto, superiore.
tipo = "file"- uno strumento per selezionare un file da allegare a un modulo. All'utente viene richiesto di annotare il nome del file nel campo di input. Inoltre, il browser crea automaticamente un pulsante Sfoglia accanto al campo di input, che consente di avviare uno standard (per sistema operativo) finestra di selezione file;
tipo = "nascosto"- un elemento nascosto all'utente. Tali elementi vengono utilizzati per includere alcune informazioni fisse in un set di dati del modulo. Fondamentalmente, sta definendo il nome di una variabile e il suo valore.
Il resto degli attributi è necessario per definire le proprietà dell'elemento. Molti di questi sono necessari perché forniscono l'elaborazione lato server dei dati del modulo.
Un esempio di scrittura:
Nome:
Cognome:
Attributi dei tag
accettare.................... Imposta un filtro per i tipi di file che è possibile inviare tramite il campo di caricamento file.
chiave di accesso................ Passare a un elemento utilizzando una scorciatoia da tastiera.
allineare....................... Determina l'allineamento dell'immagine.
alt......................... Testo alternativo per il pulsante dell'immagine.
completamento automatico......... Abilita o disabilita il completamento automatico.
confine................... Spessore della cornice intorno all'immagine.
controllato................ Un interruttore o una casella di controllo preattivati.
Disabilitato................ Blocca l'accesso e la modifica di un elemento.
modulo.................... Associa un campo a un modulo in base al suo identificatore.
formazione............ Definisce l'indirizzo dell'elaboratore del modulo.
tipo di forma......... Imposta il metodo di codifica per i dati del modulo quando vengono inviati al server.
metodo di forma......... Indica al browser quale metodo inviare i dati del modulo al server.
formnovalidate...... Ignora la convalida dei dati incorporata.
formattarget........... Specifica la finestra o il frame in cui verrà caricato il risultato restituito dal processore del modulo.
elenco...................... Indica un elenco di opzioni che è possibile selezionare durante l'immissione del testo.
max.................... Valore superiore per l'immissione di numero o data.
lunghezza massima...........Importo massimo caratteri ammessi nel testo.
min................... Valore più basso per l'immissione di numeri o date.
multiplo.............. Consente di scaricare più file contemporaneamente.
nome ................ Il nome del campo, in modo che l'elaboratore del modulo possa identificarlo.
modello.............. Imposta il pattern di input.
segnaposto......... Visualizza il testo di suggerimento.
sola lettura............ Imposta che il campo non può essere modificato dall'utente.
necessario............ Campo obbligatorio.
dimensione..................Larghezza casella di testo.
src................... L'indirizzo del file grafico per il campo con l'immagine.
fare un passo................ Incrementa il passo per i campi numerici.
tabindex........... Determina l'ordine in cui ci si sposta tra gli elementi utilizzando il tasto Tab.
genere................ Dice al browser che tipo di elemento del modulo è.
valore............... Il valore dell'oggetto.
Nessun tag di chiusura richiesto.
Etichetta (dall'inglese. ingresso- Entrata)è uno degli elementi del modulo versatili e consente di creare diverse parti dell'interfaccia e fornire l'interazione dell'utente.
Principalmente progettato per creare campi di testo, vari pulsanti, pulsanti di opzione e caselle di controllo.
Attributo principale , definendo il tipo dell'elemento - type. Ti permette di chiedere i seguenti elementi moduli: un campo di testo (testo), un campo password (password), un pulsante di opzione, una casella di controllo, un campo nascosto, un pulsante, un pulsante per inviare un modulo (invia), un pulsante per cancellare un modulo (reset), un campo per l'invio di un file (file), un pulsante con un'immagine (immagine), ecc. Per ogni elemento c'è un elenco di attributi che ne determinano il tipo e le caratteristiche. Inoltre, sono stati aggiunti più di una dozzina di nuovi attributi a HTML5.
Non esiste un valore di ruolo predefinito.
Valori validi per il ruolo:
Imposta un filtro per i tipi di file che puoi inviare tramite il campo di caricamento file. Il tipo di file è specificato come tipo MIME, con più valori, sono separati da virgole. Se un file non corrisponde al filtro impostato, non viene mostrato nella finestra di selezione del file.
Si applica al campo di caricamento del file ( ).
Supporto browser
Valore di default
L'attributo alt imposta un testo alternativo per il campo immagine. Questo testo ti permette di ottenere informazioni di testo su un'immagine quando il caricamento delle immagini è disabilitato nel browser ed è destinato anche ai motori di ricerca.
Sintassi
I valori
Qualsiasi adatto stringa di testo.
Questo attributo aiuta a compilare i campi del modulo con il testo che è stato inserito in precedenza. I valori vengono salvati e sostituiti dal browser, mentre il completamento automatico, per motivi di sicurezza, può essere disabilitato dall'utente nelle impostazioni del browser e non può in questo caso essere controllato dall'attributo di completamento automatico.
Quando si inseriscono le prime lettere del testo, viene visualizzato un elenco di valori precedentemente salvati, da cui è possibile selezionare quello desiderato.
Il completamento automatico di un campo modulo specifico è associato al relativo attributo name e viene perso quando il valore viene modificato.
Dipende dalle impostazioni del browser.
Imposta automaticamente lo stato attivo sul campo modulo. In un tale campo, puoi digitare immediatamente il testo senza fare esplicitamente clic su di esso con il cursore del mouse.
L'attributo di messa a fuoco automatica non è impostato per impostazione predefinita.
Questo attributo determina se un elemento del modulo come una casella di controllo o un pulsante di opzione è premarcato. In caso di utilizzo di radiobutton, è possibile selezionare un solo elemento del gruppo, per le caselle di controllo è possibile selezionare almeno tutti gli elementi.
Se è presente l'attributo dirname, viene inviata al server una coppia nome/valore, dove il nome è specificato dall'attributo dirname, e il valore è sostituito dal browser. Per il testo da sinistra a destra, il valore sarà ltr e per il testo da destra a sinistra (ebraico, per esempio) il valore sarà rtl.
Una stringa di testo arbitraria che funge da nome del parametro. Di solito, dir viene aggiunto alla fine della riga per indicare che questo parametro specifica la direzione del testo.
Blocca l'accesso e la modifica del campo modulo. In questo caso, viene visualizzato in grigio e non disponibile per l'attivazione da parte dell'utente. Inoltre, tale campo non può essere attivato premendo il tasto Tab, con il mouse o in qualsiasi altro modo. Tuttavia, questo stato del campo può essere modificato utilizzando gli script. Il valore bloccato nel campo non viene trasmesso al server.
Per impostazione predefinita, questo attributo è disattivato.
Associa un campo a un modulo in base al suo identificatore. Tale connessione è necessaria nel caso in cui il campo si trovi all'esterno
Identificatore del modulo (valore dell'attributo id elemento
Determina l'indirizzo del processore del modulo: questo è il programma che riceve i dati del modulo ed esegue le azioni desiderate con esso. L'attributo di formazione è in effetti simile a attributo di azione elemento
Imposta la modalità di codifica dei dati del modulo quando vengono inviati al server. Di solito è esplicitamente indicato quando il campo viene utilizzato per inviare un file (tipo di input = "file"). Questo attributo è simile in effetti all'attributo enctype di un elemento.
application / x-www-form-urlencoded
L'attributo indica al browser quale metodo utilizzare per inviare i dati del modulo al server.
Esistono due metodi: GET e POST, che sono impostati parole chiave prendi e posta.
Annulla la convalida incorporata dei dati inseriti dall'utente nel modulo per la correttezza prima di inviare il modulo. Questo controllo viene eseguito automaticamente dal browser per i campi. , , e anche se l'elemento ha un modello o un attributo richiesto .
Specifica il nome del frame in cui caricare il risultato restituito dall'elaboratore di moduli come documento HTML.
Il nome del frame viene utilizzato come valore, dato da attributo nome. Se viene impostato un nome inesistente, verrà aperta una nuova scheda. I seguenti possono essere utilizzati come nomi riservati.
Indica un elenco di scelte creato con un elemento selezionabile durante la digitazione. Inizialmente, questo elenco è nascosto e diventa disponibile quando il campo viene attivato.
Nome ID articolo .
Imposta il valore superiore per l'immissione di un numero o di una data in un campo modulo.
Installa numero massimo caratteri che possono essere inseriti dall'utente nella casella di testo. Quando questo numero viene raggiunto durante la composizione, non è possibile immettere ulteriori dati.
L'immissione di caratteri non è limitata.
Imposta il valore inferiore per l'immissione di un numero o di una data in un campo modulo.
Numero intero positivo o negativo (per tipo = "numero", tipo = "intervallo").
Data in formato AAAA-MM-GG (ad esempio: 2012-12-22) per tipo = "data".
Imposta il numero minimo di caratteri che possono essere immessi dall'utente nel campo di testo. Se il numero di caratteri è inferiore valore specificato quindi il browser genera un messaggio di errore e non invia il modulo.
Qualsiasi numero intero positivo.
L'attributo multiplo consente di specificare più file contemporaneamente nel campo di caricamento file, nonché più indirizzi e-mail. Quando si utilizzano due o più indirizzi postali devono essere separati da virgole.
L'attributo multiplo è disattivato per impostazione predefinita.
Specifica un nome univoco per l'elemento del modulo. In genere, questo nome viene utilizzato quando si inviano dati al server o per accedere ai dati del campo immessi tramite script.
Il nome è un insieme di caratteri, inclusi numeri e lettere. JavaScript fa distinzione tra maiuscole e minuscole, quindi usa la stessa ortografia dell'attributo name quando fai riferimento a un elemento per nome.
Specifica un'espressione regolare per l'immissione e la convalida dei dati in un campo modulo. Se l'attributo pattern è presente, il modulo non verrà inviato finché il campo non sarà compilato correttamente.
Posso usare il pattern di input? Dati sul supporto per la funzione del modello di input nei principali browser da caniuse.com.
Alcuni tipici espressioni regolari sono elencati in tabella. uno.
Emette il testo all'interno di un campo modulo, che scompare quando si ottiene lo stato attivo o durante la digitazione. Di solito visualizzato in grigio.
Posso usare input-placeholder? Dati sul supporto per la funzione segnaposto di input nei principali browser da caniuse.com.
Stringa di testo. Se si assume uno spazio all'interno di una stringa, deve essere racchiuso tra virgolette doppie o singole.
Quando a un elemento viene aggiunto l'attributo di sola lettura, il campo di testo non può essere modificato dall'utente, incluso inserito nuovo testo o modificarne uno esistente. Tuttavia, lo stato e il contenuto del campo possono essere modificati utilizzando gli script ei dati vengono inviati al server.
Imposta il campo modulo da richiedere prima di inviare il modulo al server. Se il campo richiesto è vuoto, il browser visualizzerà un messaggio di errore e il modulo non verrà inviato. Il tipo e il contenuto del messaggio dipendono dal browser e non possono essere modificati dall'utente.
L'attributo obbligatorio è disattivato per impostazione predefinita.
La larghezza della casella di testo, che è determinata dal numero di caratteri nel carattere a spaziatura fissa. In altre parole, la larghezza è definita dal numero di lettere adiacenti della stessa larghezza orizzontale. Se la dimensione del carattere viene modificata utilizzando gli stili, anche la larghezza cambia di conseguenza.
L'indirizzo del file grafico che verrà visualizzato nella pagina web nel campo con l'immagine. I file più popolari in Formato PNG e Jpeg.
Il valore è pieno o percorso relativo al file.
Imposta l'incremento del numero per i dispositivi di scorrimento e i campi di immissione dei numeri.
Qualsiasi numero intero o frazionario.
Indica al browser che tipo di elemento del modulo è.
e-mail, telefono, url:
Posso usare input-email-tel-url? Dati sul supporto per la funzione input-email-tel-url nei principali browser di caniuse.com.
Posso usare input-color? Dati sul supporto per la funzione input-color nei principali browser da caniuse.com.
Posso usare l'intervallo di input? Dati sul supporto per la funzione dell'intervallo di input nei principali browser da caniuse.com.
Posso usare il numero di input? Dati sul supporto per la funzione di immissione del numero nei principali browser di caniuse.com.
Posso usare la ricerca di input? Dati sul supporto per la funzione di ricerca di input nei principali browser di caniuse.com.
data, ora, data ora:
Posso usare input-datetime? Dati sul supporto per la funzione input-datetime sui principali browser da caniuse.com.
Digitare i valori:
Nuovi valori aggiunti in HTML5:
Specifica il valore di un elemento del modulo da inviare al server o da ricevere utilizzando gli script client. Una coppia "nome = valore" viene inviata al server, dove viene specificato il nome attributo del nome elemento e il valore è l'attributo del valore.
L'attributo value svolge il seguente ruolo a seconda del tipo di elemento:
Qualsiasi stringa di testo.