Tabs und HTML
13. März 2014
1. Durch Formular Felder Tabben Probieren es selbst: Feld 4: Feld 1: Feld 3: 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] […]
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;
}
});
Kommentare
Kommentare werden geladen...