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

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

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

構文

以下は、-

の構文です。

maxLengthプロパティの設定-

textObject.maxLength = integer

ここで、integerは、テキストフィールドに入力できる最大文字数を指定します。

例

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

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

出力

これにより、次の出力が生成されます。 maxLength 5 −

を設定したため、5文字のみが許可されます。

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

[長さの変更]ボタンをクリックすると-

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


  1. HTMLDOM入力テキストフォームプロパティ

    HTML DOM入力テキストフォームプロパティは、入力テキストフィールドを含むフォーム参照を返すために使用されます。入力テキストフィールドがフォームの外にある場合は、単にNULLを返します。このプロパティは読み取り専用です。 構文 以下は、入力テキストフォームプロパティの構文です。 textObject.form 例 入力テキストフォームプロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input Text form Property</h1> <form id="

  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 {