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

HTMLDOM入力テキストに必要なプロパティ

HTML DOM入力テキストrequiredプロパティは、要素のrequired属性に関連付けられています。必須プロパティは、フォームがサーバーに送信される前にテキストフィールドに入力する必要があるかどうかを設定し、返すために使用されます。これにより、ユーザーが必須属性のテキストフィールドを空のままにした場合、フォームを送信できなくなります。

構文

以下は、-

の構文です。

必要なプロパティの設定-

textObject.required = true|false

ここで、trueはテキストフィールドに入力する必要があることを表し、falseはフォームを送信する前にフィールドに入力するオプションを表します。

例

入力テキスト必須プロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1>Input Text required property</h1>
<form action="/Sample_page.php">
USERNAME: <input type="text" id="USR" name=”user_name” required>
<input type="submit">
</form>
<p>Check if the above field is mandatory to be filled or not by clicking the below button</p>
<button onclick="checkReq()">CHECK</button>
<p id="Sample"></p>
<script>
   function checkReq() {
      var Req=document.getElementById("USR").required;
      if(Req==true)
         document.getElementById("Sample").innerHTML="The text field must be filled before submitting";
      else
      document.getElementById("Sample").innerHTML="The text field is optional and can be left blank by the user";
   }
</script>
</body>
</html>

出力

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

HTMLDOM入力テキストに必要なプロパティ

チェックボタンをクリックすると-

HTMLDOM入力テキストに必要なプロパティ

ユーザー名を入力せずに[送信]をクリックすると、警告が表示され、フォームを送信できなくなります-

HTMLDOM入力テキストに必要なプロパティ


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

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

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

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