1.ユーザーが入力した文字の数を制御する
シングルラインのテキストボックスとパスワード入力ボックスの場合、MaxLength属性を使用して、ユーザーが入力した文字の数を制御できます。
マルチラインテキストの場合、MaxLengthは、入力数が最も多いカスタムプロパティです。 Onkeypressイベントが発生すると、Lessthan()関数の返品値が返されます。関数は次のとおりです
<textarea name = "comments" id = "comments" cols = "40" rows = "4" maxlength = "50" onekeypress = "return lessthan(this);"> </textarea>
詳細なコード
コードコピーは次のとおりです。
<スクリプト言語= "javascript">
機能少ない(otextarea){
//テキストボックス内の文字数で必要なブール値を返します。
return otextarea.value.length <otextarea.getattribute( "maxlength");
}
</script>
<form method = "post" name = "myform1" action = "addinfo.aspx">
<p> <ラベル= "name">名前を入力してください:</label>
<入力型= "text" name = "name" id = "name" value = "name" maxlength = "10"> </p>
<p> <ラベル= "コメント">メッセージを残したい:</label> <br>
<textarea name = "comments" id = "comments" cols = "40" rows = "4" maxlength = "50" onkeypress = "return lessthan(this);"> </textarea> </p>
<p> <入力タイプ= "submit" name = "btnsubmit" id = "btnsubmit" value = "submit">
<入力型= "reset" name = "btnreset" id = "btnreset" value = "reset"> </p>
</form>
2.マウスを設定して、テキストを自動的に選択します
まず、マウスはonmouseover = "this.focus"を自動的に焦点を合わせます
次はonfocus = "this.select()"です
コード例:
コードコピーは次のとおりです。
<form method = "post" name = "form1" id = "form1" action = "addinfo.aspx">
<入力型= "text" name = "name" id = "name" value = "name" onmouseover = "this.focus()" onfocus = "this.select()">
</form>
複数のコードインスタンスについては、次のコードを使用してフォーカスできます
コードコピーは次のとおりです。
<script type = "text/javascript">
functionmyfocus(){
this.focus();
}
functionmySelect(){
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>
<ラベル= "name">名前を入力してください:</label>
<入力型= "text" name = "name" id = "name" value = "name">
</p>
<p>
<ラベル= "passwd">パスワードを入力してください:</label>
<入力型= "パスワード" name = "passwd" id = "passwd">
</p>
<p>
<入力型= "submit" name = "btnsubmit" id = "btnsubmit" value = "submit">
<入力型= "reset" name = "btnreset" id = "btnreset" value = "reset">
</p>
</form>