17.05.2014 Views

HTML, CSS en JavaScript - Pearson Education

HTML, CSS en JavaScript - Pearson Education

HTML, CSS en JavaScript - Pearson Education

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

1 <strong>HTML</strong>, <strong>CSS</strong> <strong>en</strong> <strong>JavaScript</strong><br />

1.3.2 Formulier veld<strong>en</strong>, input type: radio button <strong>en</strong> checkbox<br />

Hieronder lat<strong>en</strong> we e<strong>en</strong> voorbeeldje zi<strong>en</strong> met radiobuttons (keuzerondjes) <strong>en</strong> checkbox<strong>en</strong><br />

(selectievakjes):<br />

C <br />

Soort vakantie? <br />

<br />

Sted<strong>en</strong>trip<br />

<br />

<br />

Nederland<br />

<br />

Links- of rechtshandig? <br />

Links<br />

Rechts<br />

<br />

<br />

<br />

We hebb<strong>en</strong> de <strong>HTML</strong> buit<strong>en</strong> de form-tag weggelat<strong>en</strong>, het complete voorbeeld kunt u vind<strong>en</strong><br />

in bonushoofdstuk01/radiocheck.html. In de browser zou u dit kunn<strong>en</strong> zi<strong>en</strong>:<br />

Afbeelding 1.5<br />

Checkbox<strong>en</strong> <strong>en</strong> radio buttons.<br />

Het k<strong>en</strong>merk<strong>en</strong>de verschil tuss<strong>en</strong> checkbox<strong>en</strong> <strong>en</strong> radio buttons is dat u uit e<strong>en</strong> groep<br />

checkbox<strong>en</strong> er meerdere mag kiez<strong>en</strong>, <strong>en</strong> uit e<strong>en</strong> groep radio buttons maar één.<br />

1.3.3 Formulier veld<strong>en</strong>: select <strong>en</strong> textarea<br />

Regelmatig ziet u op webpagina’s e<strong>en</strong> drop-down lijstje waaruit u iets moet kiez<strong>en</strong>, zoals<br />

het land waar u woont. Dit kunt u zelf mak<strong>en</strong> met behulp van select - <strong>en</strong> option-tags.<br />

C <br />

Andorra<br />

13

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!