HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLDOM入力検索maxLengthプロパティ

HTML DOM入力検索maxlengthプロパティは、入力検索フィールドのmaxlength属性を設定または返すために使用されます。 maxLengthプロパティは、検索フィールドに入力できる最大文字数を指定します。

構文

以下は、-

の構文です。

maxLengthプロパティを設定します-

passwordObject.maxLength = integer

ここで、integerは、検索フィールドに入力できる最大文字数を指定します。これのデフォルト値は524288です。

例

maxLengthプロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1>Input Search maxLength Property</h1>
<form>
FRUITS: <input type="search" id="SEARCH1" name="fruits" maxlength="5">
</form>
<p>Increase the maximum number of characters to be entered for the above search field by clicking below button</p>
<button onclick="changeMax()">CHANGE LENGTH</button>
<p id="Sample"></p>
<script>
   function changeMax() {
      document.getElementById("SEARCH1").maxLength = "15";
      document.getElementById("Sample").innerHTML = "Maximum number of characters are increased to 15";
   }
</script>
</body>
</html>

出力

これにより、次の出力が生成されます-

HTMLDOM入力検索maxLengthプロパティ

長さの変更をクリックすると-

HTMLDOM入力検索maxLengthプロパティ

上記の例では-

最初に、type =” search”、id =” SEARCH1”、name =” fruits”でmaxlength属性が5に設定された要素を作成しました。maxlength属性は、指定された検索で5文字しか使用できないことを指定します。分野。検索フィールドはフォーム内にあります-

<form> FRUITS: <input type="search" id="SEARCH1" name="fruits" maxlength="5"> </form>

次に、ユーザーがクリックしたときにchangeMax（）メソッドを実行するボタンCHANGELENGTHを作成します-

<button onclick="changeMax()">CHANGE LENGTH</button>

changeMax（）メソッドは、getElementById（）メソッドを使用して、タイプsearchで入力フィールドを取得し、maxLengthプロパティを15に設定します。次に、innerHTMLプロパティを使用してIDが「Sample」の段落にメッセージを表示することにより、この変更を示します。 

function changeMax() {
   document.getElementById("SEARCH1").maxLength = "15";
   document.getElementById("Sample").innerHTML = "Maximum number of characters are now increased to 15";
}

  1. HTMLDOM入力テキストmaxLengthプロパティ

    HTML DOM入力テキストmaxLengthプロパティは、入力テキストフィールドのmaxlength属性を設定または返すために使用されます。 maxLengthプロパティは、テキストフィールドに入力できる最大文字数を指定します。 構文 以下は、-の構文です。 maxLengthプロパティの設定- textObject.maxLength = integer ここで、integerは、テキストフィールドに入力できる最大文字数を指定します。 例 maxLengthプロパティの例を見てみましょう- <!DOCTYPE html> <html> <body>

  2. HTML DOMTextareamaxLengthプロパティ

    HTML DOM Textarea maxLengthプロパティは、HTMLドキュメントのテキスト領域要素のmaxLength属性の値を返し、変更します。 構文 以下は構文です- 1。 maxLengthを返す object.maxLength 2。 maxLengthの変更 object.maxLength = “number” HTML DOM Textarea maxLengthプロパティの例を見てみましょう： 例 <!DOCTYPE html> <html> <style>    body {