for - id
gebruiken om een
label te koppelen aan een invoerelement, zoals hieronder getoond.
In deze oefening wordt gecontroleerd of elke for
gekoppeld is aan een uniek invoerelement.
Bekijk de voorbeelden zoekFormulier.html1
en paginaMetFormulier.html2 die in de theorieles toegelicht werden
(download beide bestanden en bekijk ze in VSCode).
for="
of de tekst id="
bevatten.
Telkens ben je geïnteresseerd in het woordje dat daar onmiddelijk op volgt,
zoek(attribuut, lijn)
. De eerste parameter attribuut
bevat de
naam van het attribuut dat je zoekt, de tweede parameter
lijn
is een regel met tekst. Indien het attribuut voorkomt in de lijn, dan geeft de functie de
ingevulde waarde terug voor het gevraagde attribuut. Anders geef je de lege string terug.
(Bekijk de voorbeelden)
valideer(bestandsnaam)
die controleert
of het bestand, opgegeven door de parameter bestandsnaam
voor elk for-
attribuut een uniek
bijhorend id
gevonden wordt.
id
ook uniek is.
id
ook een for
voorkomt,
want een id
wordt ook gebruikt voor css en voor interne links.
Er wordt geen foutafhandeling gevraagd. Je mag dus veronderstellen dat het bestand correct geopend wordt, en
html-code bevat. Er worden ook altijd "
-tekens gebruikt in de beschrijving van een attribuut.
>>> zoek("for",' <label for="vnaam">Voornaam</label>') "vnaam" >>> zoek("id" ,' <input id="vnaam" name="voornaam" type="text" value="Helga" />') "vnaam" >>> zoek("id" ,'<html>') ""
>>> valideer("zoekFormulier.html") True >>> valideer("paginaMetFormulier.html") True