Çka demonstrohet në këtë shembull?

Në këtë shembull demonstrohet vërtetimi i fushes së formularit para se të dorgohet. HTML 5 mundëson kontrollimin e fushës së formularit me etiketën required, para se ai të dorëzohet. Gjuha standarde e lajmërimit është në gjuhën e shfletuesit, mirëpo HTML 5 e ofron edhe një mundësi shtuese që lajmërimi për vizitorin të bëhet me tekst tjetër me setCustomValidity, sikur në këtë shembull këtu në gjuhën shqipe:

HTML

<form id="demoForm" action="" method="POST" >
<div class="mbajtesi-me-fushe">
<label for="emri" class="form-label">Emri juaj:</label> 
<input type="text" class="form-control" name="emri" id="emri" oninvalid="setCustomValidity('Ju lutem plotësoni emrin tuaj!')" oninput="setCustomValidity('')" minlength="3" maxlength="10" required /> 
</div>

<div class="mbajtesi-me-pulle">
<button type="submit" id="pullaDorezo" class="btn btn-primary">Dorëzo</button>
</div> 

</form>

CSS

.mbajtesi-me-formular { 
margin: 0 auto;
max-width: 320px;
}

.mbajtesi-me-fushe { 
margin-bottom: 20px;
}

.mbajtesi-me-pulle { 
text-align: right;
}

HTML dhe CSS

Vërtetimi i fushes së formularit në faqe të uebit

Çka demonstrohet në këtë shembull?