DOM基礎講座：DOMを使ってテキストボックスを設定する_基礎知識

1. ユーザーが入力する文字数を制御します

単一行のテキスト ボックスとパスワード入力ボックスの場合、maxlength 属性を使用してユーザーが入力する文字数を制御できます。
複数行のテキストの場合、maxlength は入力された最大文字数を値とするカスタム属性です。onkeypress イベントが発生すると、LessThan() 関数の戻り値は次のようになります。

詳細コード

コードをコピーします コードは次のとおりです:

<スクリプト言語="javascript">
関数 LessThan(oTextArea){
//テキスト ボックス内の文字数が記号
に必要かどうかのブール値を返します。 oTextArea.value.length < oTextArea.getAttribute("maxlength");
を返します。 }

<フォームメソッド="post" name="myForm1" action="addInfo.aspx">

名前を入力してください:

メッセージを残したい:

2. テキストを自動的に選択するようにマウスを設定します

1 つ目は、マウスが onmouseover = "this.focus" の上を通過したときに自動的にフォーカスすることです

2 番目は onfocus = "this.select()"
コード例:

コードをコピーします コードは次のとおりです:

複数のコード インスタンスの場合、次のコードを使用して

に焦点を当てることができます。

コードをコピー コードは次のとおりです:

<スクリプトタイプ="text/javascript">
            function myFocus() {
                this.focus();
            }
            function mySelect() {
                this.select();
            }
            window.onload = function() {
                var oForm = document.forms["myForm1"];
                oForm.name.onmouseover = myFocus;
                oForm.name.onfocus = mySelect;
            }
       
            <フォームメソッド="post" name="myForm1" action="addInfo.aspx">
               

                    请输入您の姓名:
                   
               

               

                    请输入您的秘密コード: