Labels

Een van de belangrijkste tags die je moet hebben voor een gebruiksvriendelijk formulier is de tag <label>. Deze tag wijst een tekst toe aan een element van je formulier. Je moet dan wel in de input-tag waar je de label- aan wilt wijzen een id opgeven, die je met de parameter for in de label-tag koppelt aan de parameter id in je input-tag. Klinkt ingewikkeld hè..? Nou dat is het niet:

...
<form action="#" method="post">
<input type="text" name="text" id="text" />
<!-- Onderstaande tekst wil ik toewijzen aan het invoervel hierboven //-->
<label for="text">Plaats cursor in invoerveld</label>
<br />
<input type="submit" name="submit" value="Verzend" />
</form>
...

Voorbeeld: http://jerseyboy.je.funpic.de/formulieren/formulier1.html

De bovenstaande techniek is vooral belangrijk als je met radiobuttons werkt. Windowsgebruikers zijn van Windows gewendt dat ze op de tekst naast het bolletje kunnen klikken (ik weet niet hoe dat bij Linux zit) om het bolletje te selecteren. Het kan irritant zijn om je te moeten aanpassen en op het bolletje in plaats van op de tekst ernaast. Dit zou je bezoeker kunnen kosten...

« Lees de omschrijving en reacties

Inhoudsopgave

  1. Labels
  2. Accesskey
  3. Keuzelijsten
  4. Extra's

PHP tutorial opties

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.