HTML“input”必需屬性


使用 <input> 元素 的 required 屬性來設定在提交表單之前必須填寫的欄位。如果設定有 required 屬性的欄位未填寫,則單擊“提交”按鈕時,表單將不會提交。

以下是語法 −

<input required>

現在讓我們看一個示例來實現 <input> 元素的 required 屬性。在這裡,我們設定了 3 個欄位為必填 −

示例

<!DOCTYPE html>
<html>
<body>
<h2>Register</h2>
<form action="" method="get">
   Id − <input type="text" name="id" placeholder="Enter UserId here..." required><br>
   Password − <input type="password" name="pwd" placeholder="Enter password here..." required><br>
   DOB − <input type="date" name="dob" placeholder="Enter date of birth here..."><br>
   Telephone − <input type="tel" name="tel" placeholder="Enter mobile number here..." required><br>
   Email − <input type="email" name="email" placeholder="Enter email here..."><br><br>
   <button type="submit" value="Submit">Submit</button>
</form>
</body>
</html>

輸出

假設我們在不填寫 ID、密碼和電話這 3 個欄位的情況下點選“提交”按鈕,那麼表單將不會提交。我們在這裡未填寫“電話”欄位,因此將出現一個錯誤,該錯誤將不允許我們提交表單 −

更新日期:18-11-2023

2K+ 瀏覽量

開啟你的 職業生涯

透過完成課程獲得認證

立即開始
廣告
© . All rights reserved.