1. Steuern Sie die Anzahl der vom Benutzer eingegebenen Zeichen
Für einzelne Textfelder und Kennworteingabefelder kann das MaxLength-Attribut verwendet werden, um die vom Benutzer eingegebene Zeichen zu steuern.
Für Multi-Line-Text ist MaxLength eine benutzerdefinierte Eigenschaft mit der größten Anzahl von Zeicheneingaben. Wenn das OneKeypress -Ereignis auftritt, wird der Rückgabewert der Funktion Wesedan () zurückgegeben. Die Funktion ist wie folgt
<textArea name = "Kommentare" id = "Kommentare" cols = "40" rows = "4" maxLength = "50" OneKeypress = "Return LessHan (this);"> </textArea>
Detaillierter Code
Die Codekopie lautet wie folgt:
<script Language = "JavaScript">
Funktion LessHan (otextArea) {
// Geben Sie den booleschen Wert zurück, den die Anzahl der Zeichen im Textfeld benötigt.
return otextArea.value.length <otextArea.getAttribute ("maxLength");
}
</script>
<form method = "post" name = "myForm1" action = "addInfo.aspx">
<p> <Label für = "Name"> Bitte geben Sie Ihren Namen ein: </label>
<Eingabe type = "text" name = "name" id = "name" value = "name" maxLength = "10"> </p>
<p> <Label für = "Kommentare"> Ich möchte eine Nachricht hinterlassen: </label> <br>
<textArea name = "Kommentare" id = "Kommentare" cols = "40" rows = "4" maxLength = "50" OnKeypress = "Return LessHan (this);"> </textArea> </p>
<P> <Eingabe type = "surug" name = "btnsubmit" id = "btnsubmit" value = "subieren">
<Eingabe type = "reset" name = "btnreset" id = "btnreset" value = "reset"> </p>
</form>
2. Stellen Sie die Maus fest, um den Text automatisch auszuwählen
Zunächst konzentriert sich die Maus automatisch onmouseover = "this.focus"
Als nächstes kommt onfocus = "this.select ()"
Codebeispiel:
Die Codekopie lautet wie folgt:
<form method = "post" name = "Form1" id = "Form1" action = "addInfo.aspx">
<Eingabe type = "text" name = "name" id = "name" value = "name" onmouseover = "this.focus ()" onfocus = "this.select ()">
</form>
Für mehrere Codeinstanzen können Sie den folgenden Code zum Fokussierer verwenden
Die Codekopie lautet wie folgt:
<script type = "text/javaScript">
Funktion myfocus () {
this.focus ();
}
Funktion mySelect () {
this.select ();
}
window.onload = function () {
var Oform = document.Forms ["myForm1"];
OFOrM.Name.onmouseover = myfocus;
Oform.Name.onfocus = mySelect;
}
</script>
<form method = "post" name = "myForm1" action = "addInfo.aspx">
<p>
<Label für = "Name"> Bitte geben Sie Ihren Namen ein: </label>
<Eingabe type = "text" name = "name" id = "name" value = "name">
</p>
<p>
<Label für = "Passwd"> Bitte geben Sie Ihr Passwort ein: </label>
<Eingabe type = "Passwort" name = "passwd" id = "passwd">
</p>
<p>
<Eingabe type = "surug" name = "btnsubmit" id = "btnsubmit" value = "arrang">
<Eingabe type = "reset" name = "btnreset" id = "btnreset" value = "reset">
</p>
</form>