1. Contrôlez le nombre de caractères entrés par l'utilisateur
Pour les zones de texte à ligne unique et les boîtes d'entrée de mot de passe, l'attribut MaxLength peut être utilisé pour contrôler le nombre de caractères saisis par l'utilisateur.
Pour le texte multi-lignes, MaxLength est une propriété personnalisée avec le plus grand nombre de caractères. Lorsque l'événement OnKeyPress se produit, la valeur de retour de la fonction moins borde () est renvoyée. La fonction est la suivante
<textarea name = "commentaires" id = "commentaires" cols = "40" rows = "4" maxLength = "50" oneKeyPress = "return moins (this);"> </ textarea>
Code détaillé
La copie de code est la suivante:
<script linguisse = "javascript">
Fonction MoinsThan (otextarea) {
// Renvoie la valeur booléenne requise par le nombre de caractères dans la zone de texte.
return otextarea.value.length <otextarea.getAttribute ("maxLength");
}
</cript>
<form méthode = "post" name = "myform1" action = "addinfo.aspx">
<p> <étiquette pour = "name"> Veuillez saisir votre nom: </ label>
<input type = "text" name = "name" id = "name" value = "name" maxLength = "10"> </p>
<p> <étiquette pour = "commentaires"> Je veux laisser un message: </ / labe> <br>
<textarea name = "commentaires" id = "commentaires" cols = "40" rows = "4" maxLength = "50" onKeyPress = "return moins (this);"> </ textarea> </p>
<p> <input type = "soumi" name = "btnsubmit" id = "btnsubmit" value = "soumi">
<input type = "reset" name = "btnreset" id = "btnreset" value = "reset"> </p>
</ form>
2. Définissez la souris pour sélectionner automatiquement le texte
Tout d'abord, la souris se concentre automatiquement sur onMouseOver = "this.focus"
Ensuite, onfocus = "this.select ()"
Exemple de code:
La copie de code est la suivante:
<form méthode = "post" name = "form1" id = "form1" action = "addinfo.aspx">
<input type = "text" name = "name" id = "name" value = "name" onMouseover = "this.focus ()" onfocus = "this.select ()">
</ form>
Pour plusieurs instances de code, vous pouvez utiliser le code suivant pour se concentrer
La copie de code est la suivante:
<script type = "text / javascript">
fonction myfocus () {
this.focus ();
}
fonction mySelect () {
this.select ();
}
window.onload = function () {
var oform = document.forms ["myform1"];
OFORM.NAME.OnMouseOver = MyFocus;
OFORM.NAME.Onfocus = MySelect;
}
</cript>
<form méthode = "post" name = "myform1" action = "addinfo.aspx">
<p>
<étiquette pour = "name"> Veuillez saisir votre nom: </ label>
<input type = "text" name = "name" id = "name" value = "name">
</p>
<p>
<étiquette pour = "passwd"> Veuillez saisir votre mot de passe: </ label>
<input type = "mot de passe" name = "passwd" id = "passwd">
</p>
<p>
<input type = "soumi" name = "btnsubmit" id = "btnsubmit" value = "soumis">
<input type = "reset" name = "btnreset" id = "btnreset" value = "reset">
</p>
</ form>