Invoerveld met suggesties
Hieronder zie je een invoerveld. Daar kun je alles in typen wat je in een normaal tekstveld kunt ingeven. Als je op het veld klikt verschijnt er een menu met mogelijkheden. Als je een (willekeurige) letter uit een menu-item typt, krimpt het menu zodat alleen de items die die letter bevatten nog zichtbaar zijn.
Op deze pagina wordt getoond hoe je zoiets maakt. De code staat onderaan de bladzijde. Die kun je ook downloaden om zelf
te gebruiken.
De toepasbaarheid is helaas beperkt. Het werkt niet op een computer met een aanraakscherm. Doordat
het invoerveld bij dergelijke schermen gemakkelijk de focus verliest, is het niet goed mogelijk om data in te voeren of om
iets uit de lijst te kiezen.
- Er worden twee items besproken:
- De werking van het script.
- Toepassen in je eigen site.
- Inspiratie voor dit item is ontstaan door sites op internet die dit hebben.
- De werking van het script
- HTML
- CSS
- JavaScript
- Toepassen in je eigen site
- Tenslotte...
Gebruik:
- De code staat gedeeltelijk in de <HEAD> en gedeeltelijk in de <BODY>.
De code van het voorbeeld ziet er als volgt uit:
(Zet dit in de <HEAD>).
<script>
</script>
(Zet dit in de <BODY> op de plaats waar .....)
code
code
Downloaden:
Druk op de knop:
File: voorbxxx.zip, #### bytes.
Opmerking:
...
