HTML的元素可以用于創建各種表單控件,如文本輸入、單選按鈕、復選框等等。在創建這些表單控件時,你可以通過設置是否為必填項來控制用戶必須什么時候必須填寫表單。下面我們來學習如何設置必填項。
要創建一個必填的文本框,你需要在元素中添加一個“required”屬性。例如:
注意上面的代碼中,“type”屬性為“text”,這表示我們要創建一個文本輸入框,而“required”屬性則指示該輸入框為必填項。在用戶提交表單時,如果他們沒有填寫這個文本框,瀏覽器就會彈出一個警告框提示他們必須填寫。 同樣的,我們也可以創建必填的單選按鈕和復選框,只需要在每個元素中添加“required”屬性即可。例如:請填寫您的姓名:
請注意,對于單選按鈕,我們需要將它們命名為同一個“name”,以便瀏覽器知道它們代表同一個組。對于復選框,我們可以讓不同的框對應不同的值,但它們也需要命名為同一個“name”。 最后,你需要注意的是,“required”屬性只能防止用戶在提交表單時忘記填寫必填項。它不能取代服務器端驗證,因此你仍然需要在后端驗證用戶提交的數據。請選擇您的性別:
請選擇您喜歡的水果: