Knoppen

De terugknop:

De 'ga naar' knop:    

<INPUT TYPE="BUTTON" VALUE="terug" onClick="history.back()">
<INPUT TYPE=BUTTON VALUE="laatste nieuws"
     onClick="location.href='nieuws.html'">

Zie ook fotos, iedere foto is een knop. Stukje code:

<A href="kebr.html"><IMG border=5 src="keiz-brouw_klein.jpg"></A>
<A href="prins.html"><IMG border=5 src="prins843_klein.jpg"></A>

Zie ook area voor een klikbare kaart. Daar is ook een knop om de code te bekijken.

En ook leuk is achtergrond kleur instellen, zoals met de knoppen hieronder:

     
     
 
<INPUT TYPE="button" VALUE="paars" ONCLICK="document.bgColor='#cc99cc'">
<INPUT TYPE="button" VALUE="groen" ONCLICK="document.bgColor='#ccffcc'">


<form ONCLICK="document.bgColor='#ff0000'">
<button>dit is een<br>
        heel grote<br>
        <b>rode</b><br>
        <font size=+2 color="#ff00ff">knop</font>
</button></form>


Tussen de <button> tags kan je tabellen, plaatjes, etc. zetten:

 
<FORM ONCLICK="location.href='plaatjes.html#landschap'">
<BUTTON><TABLE><TR>
	<TD>klik op <BR>deze knop<BR>voor meer<BR>plaatjes</TD>
	<TD><IMG src="huisboom.png" width="50" alt=""></TD>
	</TR></TABLE>
</BUTTON></FORM>



Hoort dit bij knoppen? Het werkt in ieder geval mooi, afkomstig uit de NIWO faq (gewijzigd voor mijn situatie!). 

<FORM NAME="nav">
<SELECT NAME="SelectURL" onChange="document.location.href=
document.nav.SelectURL.options[document.nav.SelectURL.selectedIndex].value">
<OPTION VALUE="pulldown.html" SELECTED>Kies een item:
<OPTION VALUE="index.html">Home
<OPTION VALUE="praktijk.html">Praktijk
<OPTION VALUE="woordenlijst.html">woordenlijst
<OPTION VALUE="rolmenus.html">meer rolmenus
<OPTION VALUE="http://hace.dyndns.org/niwo/wdg/index.html">NIWO FAQ
</SELECT>
</FORM>

Scroll eens zover dat er geen ruimte is voor het lijstje om uit te klappen, en probeer het nog eens

Deze pijlknoppen zijn niet identiek! 
 <form onClick="history.back()"><img src="pijllinks.gif"  
     border="0" width="100" height="50"  alt=""></form>

 <a href="index.html"><img src="pijllinks.gif"
     border="0" width="100" height="50"  alt=""></a>

Klik hier om alle van deze pagina te zien

En met een beetje <style> kan je van de 'standaard' knop een hele dikke maken:

Ga naar de van deze pagina.

Ik ben de radioknoppen vergeten! Hier zijn ze:
knop een
knop twee
derde knop
eindknop