1. Durch Formular Felder Tabben
Probieren es selbst:
Die Lösung liegt in der Eigenschaft tabindex.
[sourcecode lang=”html”]
<form action="tabindex.htm">
<p>
Feld 4: <input type="text" size="40" maxlength="40" tabindex="4"><br>
Feld 1: <input type="text" size="40" maxlength="40" tabindex="1"><br>
Feld 3: <input type="text" size="40" maxlength="40" tabindex="3"><br>
<input type="button" tabindex="2" value="Feld 2">
</p>
</form>
[/sourcecode]
2. Tabs ein Textfeldern
Hier zu benötigt ihr leider Jquery.
$(document).delegate('#textbox', 'keydown', function(e) {
var keyCode = e.keyCode || e.which;
if (keyCode == 9) {
e.preventDefault();
var start = $(this).get(0).selectionStart;
var end = $(this).get(0).selectionEnd;
// set textarea value to: text before caret + tab + text after caret
$(this).val($(this).val().substring(0, start)
+ "\t"
+ $(this).val().substring(end));
// put caret at right position again
$(this).get(0).selectionStart =
$(this).get(0).selectionEnd = start + 1;
}
});