Come utilizzare al meglio gli attributi avanzati dei moduli HTML?



Questo articolo ti introdurrà ad alcuni degli attributi avanzati del modulo HTML e in corso fornirà anche una dimostrazione pratica.

è ovviamente la prima cosa che viene in mente dopo aver ascoltato il termine www. Fondamentalmente, è la cosa dietro ogni sito web che visiti oggi. In questo articolo esploreremo alcuni attributi avanzati del modulo HTML.

I seguenti suggerimenti saranno trattati in questo articolo,





Quindi iniziamo con questo articolo,

Attributi avanzati del modulo HTML

L'HTML da solo non può rendere giustizia con alcuni dei design più amati che vediamo oggi. Richiede aiuto e viene fornito da CSS o Foglio di stile a cascata . HTML e CSS possono essere usati insieme per creare alcune pagine web attraenti.



Andando avanti con questo articolo sugli attributi avanzati del modulo HTML

Tag e attributi in HTML

Queste sono entrambe le basi dell'HTML ed entrambe lavorano insieme ma svolgono funzioni diverse.

Tag: I tag vengono utilizzati per contrassegnare l'inizio dell'elemento HTML ed è racchiuso tra parentesi angolari.



Esempio:

a cosa serve Nagios

Il tag sopra è il tag di intestazione in HTML.

Attributi: queste sono le informazioni aggiuntive sui tag e sono specificate all'interno del tag.



Esempio:

 ”My

Il tag sopra è un tag immagine e alt è l'attributo per il tag e fornisce la descrizione dell'immagine hello_world.jpg

Poiché abbiamo discusso le basi di cui avevamo bisogno, ora possiamo andare oltre con il motivo di questo articolo che sono alcuni tag HTML e CSS avanzati.

Andando avanti con questo articolo sugli attributi avanzati del modulo HTML

Attributi Max, Maxlength e Min

Questi sono in particolare gli attributi del tag di input, ad es. Il tag di input è fondamentalmente utilizzato all'interno del tag per accettare i diversi tipi di input dall'utente come testo, numero, pulsante di opzione, date, casella di controllo, ora, password ecc.

Max

Questo attributo specifica il valore massimo per qualsiasi input specificato. Se l'utente tenta di inserire più del valore massimo, non accetterà i caratteri o i valori in seguito.

Nota:

L'attributo Max è stato introdotto con HTML 5.

Esempio:

Numero di studenti:

GitHub Gist Link:

Il valore degli studenti non può essere aumentato oltre i 50.

Output - Attributi avanzati del modulo HTML - Edureka

Nota: L'azione dell'attributo del tag specifica dove verranno inviati i dati inseriti per l'ulteriore processo. In questo caso è submit_detail.php che è un file PHP.

Il numero di studenti è il dettaglio che deve essere inserito nella casella di testo.

L'attributo max nel primo tag indica il valore numerico massimo che può essere inserito nella casella di testo, ovvero valori superiori a 50 non sarebbero accettati, che è il motivo principale dell'attributo max.

Il tag Max può anche essere utilizzato per definire la data massima che può essere inserita nel campo di input dall'utente.

Esempio:

Inserisci la tua data di nascita nel formato AAAA-MM-GG: 
Data di nascita massima: 31 marzo 2000

GitHub Gist Link:

Abbiamo usato 31stIl marzo del 2000 come data massima e l'opzione è il calendario è limitato solo a quella data.

In questo campo di input l'utente non sarebbe in grado di inserire la data successiva alla data specificata nell'attributo max.

Andando avanti con questo articolo sugli attributi avanzati del modulo HTML

Lunghezza massima

Come suggerisce il nome, questo attributo specifica la lunghezza massima dei caratteri che possono essere inseriti in un campo di input dall'utente. I valori degli attributi sono numeri.

Esempio:

Inserisci il tuo nome utente:

GitHub Gist Link:

Il limite del campo di input è di 15 caratteri, quindi l'input è limitato solo a 15 caratteri.

Questo attributo maxlength nel tag limiterebbe l'utente a fornire un input che non è strettamente maggiore del valore specificato che è 15.

Nota Il valore predefinito dell'attributo maxlength è 524288.

Andando avanti con questo articolo sugli attributi avanzati del modulo HTML

Min

L'attributo min specifica il valore minimo per il valore da inserire nel campo di input.

Esempio:

Inserisci l'età:

GitHub Gist Link:

L'attributo min nel tag di input definisce che l'età di input non deve essere inferiore a 18.

Mancia: È possibile utilizzare sia l'attributo min che quello max con un input per fornire all'input un intervallo legale o un intervallo accettabile.

Esempio:

Inserisci l'età:

GitHub Gist Link:

Con questo arriviamo alla fine di questo articolo sugli attributi avanzati del modulo HTML.

Ora l'intervallo di input nel campo non può essere minore di 18 e maggiore di 50 contemporaneamente.Gli attributi max e min possono essere utilizzati con diversi tipi di input come numero, intervallo, data, data / ora, data / ora-locale, mese, ora e settimana.

Ora che sai cos'è l'HTML, controlla il file di Edureka. La formazione sulla certificazione per lo sviluppo web ti aiuterà a imparare come creare siti Web straordinari utilizzando HTML5, CSS3, Twitter Bootstrap 3, jQuery e API di Google e a distribuirli su Amazon Simple Storage Service (S3).

Hai domande per noi? Per favore menzionalo nella sezione commenti dell'articolo e ti risponderemo.