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

HTMLDOM入力が必要な日付プロパティ

HTML DOM入力日必須プロパティは、入力日を設定する必要があるかどうかを決定します。

構文

以下は構文です-

  • ブール値を返す-true/false 
inputDateObject.required
  • booleanValueに必要な設定
inputDateObject.required = booleanValue

ブール値

ここでは、「booleanValue」 次のようになります-

booleanValue 詳細
true フォームを送信する日付フィールドを設定する必要があることを定義します。
false これはデフォルト値であり、日付フィールドの設定は必須ではありません。

例

必要な入力日<​​/strong>の例を見てみましょう プロパティ-

<!DOCTYPE html>
<html>
<head>
<title>Input Date required</title>
</head>
<body>
<form>
<div>
Name: <input type="text" name="fullName">
</div>
<div>
Date of Birth: <input type="date" id="dateSelect" required>
</div>
</form>
<button onclick="submit()">Confirm</button>
<div id="divDisplay"></div>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputDate = document.getElementById("dateSelect");
   function submit() {
      if(inputDate.required==true && inputDate.value==='')
         divDisplay.textContent = 'DOB required';
      else
         divDisplay.textContent = 'Details Received';
   }
</script>
</body>
</html>

出力

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

[確認]をクリックします ボタン-

HTMLDOM入力が必要な日付プロパティ

[確認]をクリックした後 日付フィールドの値が設定されたボタン-

HTMLDOM入力が必要な日付プロパティ


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

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

  2. HTMLDOM入力パスワード必須プロパティ

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