HTML - 必填屬性

HTML required 屬性是一個布林屬性，用於指定在提交表單之前使用者必須填寫特定欄位。

此屬性適用於文字、搜尋、電子郵件、數字、複選框、單選按鈕、日期和檔案輸入型別。

語法

<tag required></tag>

應用於

下列元素允許使用 HTML required 屬性。

元素	描述
<input>	HTML <input> 標籤用於指定輸入欄位。
<select>	HTML <select> 標籤用於線上表單中建立下拉列表。
<textarea>	HTML <textarea> 標籤用於表示多行純文字編輯控制元件。

HTML required 屬性示例

下面的示例將說明 HTML required 屬性，以及我們應該在哪裡以及如何使用此屬性！

將表單輸入欄位設為必填

除非輸入名稱欄位，否則表單將不會提交。

<!DOCTYPE html>
<html>

<head>
    <title>HTML 'required' attribute in 'input' tag</title>
</head>

<body>
    <h3>HTML 'required' attribute in 'input' tag</h3>
    <form> Name:
        <input type="text" 
            placeholder="Your name" 
            id='demo' 
            required>
        <button>Submit</button>
    </form>
</body>

</html>

將選擇欄位設為必填

除非從列表中選擇語言，否則表單將不會提交。

<!DOCTYPE html>
<html>

<head>
    <title>HTML 'required' attribute in 'select' tag</title>
</head>

<body>
    <h3>HTML 'required' attribute in 'select' tag</h3>
    <form>
        <p>Select Language:</p>
        <select required>
            <option value="">--Choose your option--</option>
            <option value="">Hindi</option>
            <option value="">English</option>
            <option value="">Telgu</option>
        </select>
        <button>Submit</button>
    </form>
</body>

</html>

將文字區域欄位設為必填

除非輸入地址，否則表單將不會提交。

<!DOCTYPE html>
<html>

<head>
      <title>HTML 'required' attribute in 'textarea' tag</title>
</head>

<body>
    <h3>HTML 'required' attribute in 'textarea' tag</h3>
    <form>
        <p>Write your address:</p>
        <textarea cols="40" 
            rows="8" 
            placeholder="Address here..." 
            required>
        </textarea>
        <br>
        <button>Submit</button>
    </form>
</body>

</html>

支援的瀏覽器

屬性
required	是 5.0	是 10.0	是 4.0	是 10.1	是 9.6

html_attributes_reference.htm

列印頁面