HTML DOM 輸入文字必需屬性

HTML DOM 輸入文字必需屬性與 <input> 元素的 required 屬性相關聯。required 屬性用於設定和返回在將表單提交給伺服器之前是否需要填寫某些文字欄位。如果使用者將具有 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>