Der Einsatz von JavaScript Event-Handlern bietet umfangreiche Möglichkeiten das Benutzerinterface anwenderfreundlicher zu gestalten. Event-Handler können z.B. an Tabellenelemente, SPAN oder DIV Boxen gebunden werden.
Die Strukturierung der Oberfläche erfolgt meistens mit Hilfe einer dieser Boxenelemente. Hier kann ein onClick Event-Handler gebunden werden, der einzelne Formularparameter im DOM setzt und das Formular dann abschickt. Diese Gestaltung bietet die Möglichkeit die Oberflächengestaltung ähnlich wie mit Hilfe von aktuellen GUI-Widgetbibliotheken.
<form name="dayplan" action="/env.php" method="POST">
<input type="hidden" name="CA" value="">
<table>
<tr>
<td onClick="document.forms[0].CA.value='first';submit();">first</td>
<td onClick="document.forms[0].CA.value='second';submit();">second</td>
...