HTML is de bouwsteen van het web. Als u enkele minder bekende, maar nuttige delen van deze opmaaktaal kent, kan dit uw leven een stuk gemakkelijker maken. HTML-kenmerken bieden verschillende functies die u kunnen helpen om het meeste uit HTML te halen. Het definieert aanvullende kenmerken of eigenschappen van een HTML-element.

In dit artikel leer je over 11 HTML-kenmerken waar je waarschijnlijk nog nooit van hebt gehoord.

1. meerdere

Met dit kenmerk kunnen gebruikers meerdere waarden invoeren. U kunt het meervoudige attribuut gebruiken met tags en labels. Dit booleaanse kenmerk is alleen geldig voor e-mail- of bestandsinvoertypen.

Meerdere attributen gebruiken met


Meerdere attributen gebruiken voor bestandsinvoer

Door het meervoudige attribuut voor bestandsinvoer te gebruiken, kunt u meerdere bestanden selecteren (door de Verschuiving of Ctrl sleutels).

Meerdere attributen gebruiken voor e-mailinvoer

Door het kenmerk multiple te gebruiken voor e-mailinvoer, kunt u een lijst met door komma's gescheiden e-mailadressen invoeren. Alle spaties worden verwijderd van elk adres in de lijst.

instagram viewer

2. bewerkbaar

U kunt de HTML-inhoud op een webpagina bewerkbaar maken met het kenmerk contenteditable. Dit is een globaal attribuut, d.w.z. het is gemeenschappelijk voor alle HTML-elementen.


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. spellingscontrole

Het kenmerk spellingcontrole geeft aan of het element op spelfouten mag worden gecontroleerd of niet. U kunt de spelling van tekst controleren in de -elementen, tekst in de bewerkbare elementen of tekst in de invoerelementen (behalve wachtwoorden).


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.

Gerelateerd: De HTML Essentials Cheat Sheet: Tags, attributen en Meer

4. download

U kunt een bron downloaden met behulp van het downloadkenmerk. Het downloadkenmerk vertelt de browser om de opgegeven URL te downloaden in plaats van ernaartoe te navigeren. U kunt het downloadkenmerk gebruiken met de tag en de tag .

Opmerking: het downloadkenmerk alleen werkt met URL's van dezelfde oorsprong. Het volgt de regels van het beleid van dezelfde oorsprong.

Download

5. accept

Het accept-kenmerk van de tag geeft aan welk type bestanden een gebruiker kan uploaden. U kunt een door komma's gescheiden lijst van een of meer bestandstypen als waarde opgeven.

Een audiobestand accepteren

Een videobestand accepteren

 code>

Een afbeeldingsbestand accepteren

 code>

Een Microsoft Word-bestand accepteren

accept=".doc,.docx, applicatie/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document">

PNG- of JPEG-bestanden accepteren

Een PDF-bestand accepteren

Gerelateerd: Cool HTML-effecten die iedereen aan zijn website kan toevoegen

6. translate

Het translate-attribuut vertelt de browser dat het element moet worden vertaald of niet wanneer de pagina is gelokaliseerd. Het kan 2 waarden hebben: "yes" of "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.

Gerelateerd: Eenvoudige HTML-codevoorbeelden die u in 10 kunt leren Minuten

7. poster

Het posterkenmerk wordt gebruikt om een ​​afbeelding weer te geven terwijl de video wordt gedownload of totdat de gebruiker de video.

Opmerking: als u niets opgeeft, wordt er niets weergegeven totdat het eerste frame is beschikbaar. Wanneer het eerste frame beschikbaar is, wordt het weergegeven als het posterframe.

src=" http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4"
poster="posterImage.png">

8. inputmode

Het kenmerk inputmode geeft de browser aan welk toetsenbord moet worden weergegeven wanneer een gebruiker een invoer- of tekstgebiedelement heeft geselecteerd. Dit kenmerk accepteert verschillende waarden:

Geen

Numeriek

Tel

Decimaal

E-mail

URL

9. patroon

Met het patroonattribuut van het -element kunt u een reguliere expressie specificeren waarvoor de waarde van het element wordt gevalideerd. U kunt het patroonkenmerk gebruiken met verschillende invoertypen, zoals tekst, datum, zoeken, URL, telefoonnummer, e-mail en wachtwoord.

Gerelateerd: Beste sites voor Voorbeelden van HTML-codering van hoge kwaliteit

10. autocomplete

Het autocomplete attribuut specificeert of de browser de invoer automatisch moet voltooien op basis van gebruikersinvoer of niet. U kunt het attribuut automatisch aanvullen gebruiken met verschillende invoertypen, zoals tekst, zoeken, URL, tel, e-mail, wachtwoord, datumkiezers, bereik en kleur. U kunt dit attribuut gebruiken met de elementen of

elementen.

11. autofocus

Het autofocus-attribuut is een boolean-attribuut dat aangeeft dat een element moet worden gefocust op het laden van de pagina. U kunt dit kenmerk gebruiken met , , , , of elementen.

Autofocusattribuut gebruiken met invoerelement

< /code>

Autofocusattribuut gebruiken met geselecteerd element

Autofocusattribuut gebruiken met textarea-element

Als je de volledige broncode wilt zien die in dit artikel wordt gebruikt, bekijk dan de GitHub-opslagplaats.


 Maak uw leven gemakkelijker met JavaScript One-Liners


One-liner code helpt om meer te bereiken met minder code. U kunt verschillende JavaScript-oneliners gebruiken om als een professional te coderen.


Met slechts één regel code kun je een array shufflen, het gemiddelde van een array vinden, controleren of een array leeg is, een willekeurige hexadecimale kleur genereren, een willekeurige UUID genereren, enzovoort.



11 JavaScript-oneliners die u moet kennen
Bereik veel met slechts een beetje code met behulp van dit brede scala aan JavaScript-oneliners.




Lees volgende

DeelTweetenE-mail




Gerelateerde onderwerpen
    

  • Programmeren
    • 

  • HTML
    • 

  • Programmeertalen
    • 

  • Codeertips
    • 




Over de auteur





Yuvraj Chandra (78 artikelen gepubliceerd)
Yuvraj is een student Computerwetenschappen aan de Universiteit van Delhi, India. Hij is gepassioneerd door Full Stack Web Development. Als hij niet aan het schrijven is, onderzoekt hij de diepte van verschillende technologieën.

Meer van Yuvraj Chandra







Abonneer op onze nieuwsbrief


Word lid van onze nieuwsbrief voor technische tips, recensies, gratis e-boeken en exclusieve deals!


Klik hier om je te abonneren