Entertaste <> Tab

Bei Formularen muss man meistens die [TAB]-Taste nutzen
um von dem einen in das andere Feld zu springen.

Bei diesem Script sind alle Form-Felder mit einem Code ausgerüstet,
der das Springen mit der Entertaste ermöglicht.

Das hat folgenden Vorteil:
Der User kann das Formular ganz normal ausfüllen und springt mit der
[Enter]-Taste in das nächste Feld. Ist man dann auf dem [Senden]-Button angekommen,
wird das Absenden ebenfalls mit der [Enter]-Taste genutzt.

HTML-Einbindung
   <p align="center" class="center"><FORM METHOD="POST"> <div align="center"> <center> <table border="1" cellpadding="5" cellspacing="0" style="border-collapse: collapse; border-width: 0" width="250" id="AutoNumber1" bgcolor="#F5F5F5"> <tr> <td width="50%" style="border-left-style: none; border-left-width: medium; border-top-style: none; border-top-width: medium">Name:</td> <td width="50%" style="border-right-style: none; border-right-width: medium; border-top-style: none; border-top-width: medium"> <INPUT TYPE="TEXT" onKeyDown="if(event.keyCode==13) event.keyCode=9;" size="20" name="1"></td> </tr> <tr> <td width="50%" style="border-left-style: none; border-left-width: medium">Adresse:</td> <td width="50%" style="border-right-style: none; border-right-width: medium"> <INPUT TYPE="TEXT" onKeyDown="if(event.keyCode==13) event.keyCode=9;" size="20" name="2"></td> </tr> <tr> <td width="50%" style="border-left-style: none; border-left-width: medium"> Stadt: </td> <td width="50%" style="border-right-style: none; border-right-width: medium"> <INPUT TYPE="TEXT" onKeyDown="if(event.keyCode==13) event.keyCode=9;" size="20" name="3"></td> </tr> <tr> <td width="50%" align="right" style="border-left-style: none; border-left-width: medium; border-bottom-style: none; border-bottom-width: medium"> <INPUT TYPE="submit" Value="Senden"></td> <td width="50%" style="border-right-style: none; border-right-width: medium; border-bottom-style: none; border-bottom-width: medium"> <INPUT TYPE="reset" Value="Abbruch"></td> </tr> <tr> <td width="100%" align="right" style="border-left-style: none; border-left-width: medium; border-bottom-style: none; border-bottom-width: medium" colspan="2" class="center"> Testformular, Daten werden nicht gesendet</td> </tr> </table> </center> </div> </FORM>

Hier kannst Du Dir das Javascript einfach per eMail zusenden lassen.

Mail:

Name:

Abo
Wenn Du den Newsletter beziehen möchtest, klicke bitte in das Feld "Abo"

Name:
Adresse:
Stadt:

Testformular, Daten werden nicht gesendet