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

HTMLDOM入力Eメール必須プロパティ

HTML DOM入力電子メール必須プロパティは、入力電子メールの設定が必須かどうかを決定します。

構文

以下は構文です-

  • ブール値を返す-true/false 
inputEmailObject.required
  • 設定必須 booleanValueへ
inputEmailObject.required = booleanValue

ブール値

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

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

例

必要な入力メールの例を見てみましょう プロパティ-

<!DOCTYPE html>
<html>
<head>
<title>Input Email required</title>
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
</style>
</head>
<body>
<form>
<h1>Compose Mail</h1>
<fieldset>
<legend>Email-required</legend>
<label for="EmailSelect">Email Id :
<input type="email" id="EmailSelect" required>
</label><br>
<label for="textarea">Message :
<textarea id="textarea" rows="2" cols="20" name="message" placeholder="Type message..."></textarea></label><br>
<input type="button" onclick="showMessage()" value="Send Mail">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputEmail = document.getElementById("EmailSelect");
   function showMessage() {
      if(inputEmail.required === true && inputEmail.value === '')
         divDisplay.textContent = 'Cannot Send Mail: Email Id Required';
      else
         divDisplay.textContent = 'Mail Sent';
   }
</script>
</body>
</html>

出力

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

[メールを送信]をクリックします ボタン-

HTMLDOM入力Eメール必須プロパティ

[メールを送信]をクリックした後 メールフィールドの値が設定されたボタン-

HTMLDOM入力Eメール必須プロパティ


  1. HTMLDOM入力週に必要なプロパティ

    HTML DOM入力週必須プロパティは、入力週の設定が必須かどうかを決定します。 構文 以下は構文です- ブール値を返す-true/false inputWeekObject.required 設定必須 booleanValueへ inputWeekObject.required = booleanValue ブール値 ここでは、「booleanValue」 次のようになります- booleanValue 詳細 true フォームを送信する週フィールドを設定する必要があります。 false これはデフォルト値であり、週フィールドの設定は

  2. HTMLDOM入力検索に必要なプロパティ

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