L'HTML è l'elemento costitutivo del web. Conoscere alcune parti meno conosciute ma utili di questo linguaggio di markup può semplificarti la vita. Gli attributi HTML forniscono diverse funzionalità che possono aiutarti a ottenere il massimo dall'HTML. Definisce caratteristiche o proprietà aggiuntive di un elemento HTML.
In questo articolo imparerai a conoscere 11 attributi HTML di cui probabilmente non hai ancora sentito parlare.
1. multiplo
Questo attributo consente agli utenti di immettere più valori. Puoi usare l'attributo multiplo con tag e tag. Questo attributo booleano è valido solo per i tipi di input di posta elettronica o file.
Utilizzo di più attributi con
Utilizzo di più attributi per l'input del file
Usando l'attributo multiplo per l'input del file, puoi selezionare più file (tenendo premuto il tasto Cambio o Ctrl chiavi).
Utilizzo di più attributi per l'input e-mail
Utilizzando l'attributo multiplo per l'input di posta elettronica, è possibile inserire un elenco di indirizzi di posta elettronica separati da virgole. Tutti gli spazi bianchi verranno rimossi da ogni indirizzo nell'elenco.
2. contenteditable
Puoi rendere il contenuto HTML modificabile su una pagina web utilizzando l'attributo contenteditable. Questo è un attributo globale, cioè è comune a tutti gli elementi HTML.
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.
3. controllo ortografico
L'attributo spellcheck specifica se l'elemento può essere controllato per errori di ortografia o meno. Puoi controllare l'ortografia del testo in elementi, testo negli elementi modificabili o testo negli elementi di input (tranne le password).
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Correlato: Il cheat sheet di HTML Essentials: tag, attributi e Altro
4. download
Puoi scaricare una risorsa utilizzando l'attributo download. L'attributo download indica al browser di scaricare l'URL specificato invece di accedervi. Puoi utilizzare l'attributo di download con il tag e il tag .
Nota: l'attributo di download solo funziona con URL della stessa origine. Segue le regole della politica della stessa origine.
Scarica
5. accept
L'attributo accept del tag specifica il tipo di file che un utente può caricare. Puoi specificare un elenco separato da virgole di uno o più tipi di file come valore.
Accettare un file audio
Accettazione di un file video
codice>Accettazione di un file immagine
codice>Accettazione di un file Microsoft Word
accept=".doc,.docx, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document">Accettazione di file PNG o JPEG
Accettazione di un file PDF
Correlati: Fantastici effetti HTML che chiunque può aggiungere ai propri siti web
6. translate
L'attributo translate dice al browser che l'elemento deve essere tradotto o meno quando la pagina è localizzata. Può avere 2 valori: "sì" o "no".
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Correlato: Esempi di codice HTML semplici che puoi imparare in 10 Minuti
7. poster
L'attributo poster viene utilizzato per mostrare un'immagine durante il download del video o finché l'utente non riproduce il video.
Nota: se non specifichi nulla, non viene visualizzato nulla fino al primo fotogramma a disposizione. Quando il primo fotogramma è disponibile, viene mostrato come fotogramma del poster.
poster="posterImage.png">
8. inputmode
L'attributo inputmode indica al browser quale tastiera visualizzare quando un utente ha selezionato un qualsiasi elemento di input o textarea. Questo attributo accetta vari valori:
Nessuno
Numerico
Tel
Decimale
URL
Cerca
9. pattern
L'attributo pattern dell'elemento consente di specificare un'espressione regolare per la quale verrà convalidato il valore dell'elemento. Puoi utilizzare l'attributo pattern con diversi tipi di input come testo, data, ricerca, URL, tel, email e password.
Correlati: I migliori siti per Esempi di codifica HTML di qualità
10. autocomplete
L'attributo autocomplete specifica se il browser deve completare automaticamente l'input in base agli input dell'utente o meno. Puoi utilizzare l'attributo di completamento automatico con diversi tipi di input come testo, ricerca, URL, telefono, e-mail, password, selettori di date, intervallo e colore. Puoi utilizzare questo attributo con gli elementi o elementi.
11. autofocus
L'attributo autofocus è un attributo booleano che indica che un elemento dovrebbe essere focalizzato sul caricamento della pagina. Puoi utilizzare questo attributo con , ,
Uso dell'attributo autofocus con l'elemento di input
< /code>Uso dell'attributo autofocus con select Element
Uso dell'attributo autofocus con l'elemento textarea
Se vuoi dare un'occhiata al codice sorgente completo utilizzato in questo articolo, dai un'occhiata al Archivio GitHub.
Rendi la tua vita più facile con JavaScript One-Liners
Il codice a una riga aiuta a ottenere di più con meno codice. Puoi utilizzare diverse righe JavaScript per programmare come un professionista.
Con una sola riga di codice, puoi mescolare un array, trovare la media di un array, controllare se un array è vuoto, generare un colore esadecimale casuale, generare un UUID casuale e così via.
11 JavaScript One-Liner che dovresti sapereOttieni molto con solo un piccolo codice utilizzando questa vasta gamma di JavaScript one-liner.
Leggi Avanti
CondividereTweetE-mail
Argomenti correlati
- Programmazione
- HTML
- Linguaggi di programmazione
- Suggerimenti per la codifica
Circa l'autore
Yuvraj Chandra (78 articoli pubblicati)Yuvraj è uno studente universitario di Informatica presso l'Università di Delhi, in India. È appassionato di sviluppo Web Full Stack. Quando non scrive, esplora la profondità di diverse tecnologie.
Altro da Yuvraj Chandra
Iscriviti alla nostra Newsletter
Iscriviti alla nostra newsletter per suggerimenti tecnici, recensioni, ebook gratuiti e offerte esclusive!
Clicca qui per iscriverti