Required-attribuutti

Attribuutti required osoittaa, että tämän HTML-lomakkeen elementin on oltava pakollisesti täytetty.

Attribuuttia tulisi soveltaa input- tai textarea -tageihin.

Yritettäessä lähettää lomaketta tilanteessa, jossa tämän attribuutin omaavaa kenttää ei ole täytetty - selain ei anna lomakkeen lähettämistä ja näyttää virheen ponnahdusvihjeenä. Valitettavasti virhetekstiä ja sen ulkoasua ei voi muuttaa HTML:n tai CSS:n avulla.

Pidä mielessä, että required -attribuutin esiintyminen ei vapauta sinua lomakkeen oikeellisuuden tarkistamisesta palvelimella PHP:llä (koska attribuutin kautta tehty suojaus on helppo kiertää).

Esimerkki

Lisätään input -tagille required -attribuutti. Syöttämättä mitään kenttään yritä painaa painiketta lähettääksesi lomakkeen. Selain ei anna lomakkeen lähettämistä, lisää varjon inputille ja näyttää virheviestin:

<form action="">
	<input type="text" placeholder="syötä jotain" required>
	<input type="submit">
</form>

Katso myös

attribuutti pattern,
joka mahdollistaa inputin validoinnin