Input Text required 属性

Input Text 对象

查看文本域在提交前是否已填充:

<form action="form_action.asp">
  姓名: <input type="text" id="myText" name="fname" required>
  <input type="submit">
</form>
<p>点击 "点我" 按钮查看文本域是否是表单提交的必填部分。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
  function myFunction() {
    var x = document.getElementById("myText").required;
    document.getElementById("demo").innerHTML = x;
  }
</script>

尝试一下 »

---

定义和用法

required 属性用于设置或返回文本域在提交前是否必须填充。

该属性反映了 HTML required 属性。

---

浏览器支持

所有主流浏览器都支持 required 属性，除了 Internet Explorer 9 更早 IE 版本及 Safari 浏览器。

---

语法

返回 required 属性:

textObject.required

设置 required 属性:

textObject.required = true | false

属性值

值	描述
true|false	规定了文本域是否是表单提交的必填部分。 true - 文本域是表单提交的必填部分 false - 默认。文本域不是表单提交的必填部分

技术细节

返回值:	布尔值，如果文本域为表单提交的必填部分返回 true，否则返回 false

---

更多实例

设置文本域为表单提交的必填部分：

<form action="form_action.asp">
  名: <input type="text" id="myText" name="fname">
  <input type="submit">
</form>
<p>点击 "点我" 按钮为文本域设置 required 属性。</p>
<p><strong>提示：</strong> 在点击“点我”按钮后点击 "Submit" 按钮查看效果。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
  function myFunction() {
    document.getElementById("myText").required = true;
    document.getElementById("demo").innerHTML = " required 属性已设置。文本域在表单提交时是必填字段。";
  }
</script>

尝试一下 »

---

相关页面

HTML 参考手册: HTML <input> required 属性

---

Input Text 对象