HTML5 Radio表單元素默認設置包括選擇單選按鈕并將其標記為選中狀態,因此當用戶提交表單時,該單選按鈕的值將被提交。它還包括設置單選按鈕的名稱和值。
<form> <fieldset> <legend>您最喜歡的水果是什么?</legend> <input type="radio" id="apple" name="fruit" value="apple" checked> <label for="apple">蘋果</label><br> <input type="radio" id="banana" name="fruit" value="banana"> <label for="banana">香蕉</label><br> <input type="radio" id="orange" name="fruit" value="orange"> <label for="orange">橙子</label><br> </fieldset> </form>
代碼中的<input>標簽包括三個屬性:type,name,和value。type屬性設置為“radio”,表明這是一個單選按鈕。name屬性指定了單選按鈕所屬的組,它們應該具有相同的名稱。在用戶提交表單時,該屬性指定的名稱將作為鍵,所選單選按鈕的值將作為值。在示例代碼中,單選按鈕的名稱為“fruit”。value屬性定義了單選按鈕的值。在示例代碼中,蘋果的值為“apple”,香蕉的值為“banana”,橙子的值為“orange”。
示例代碼中,將蘋果的單選按鈕設置為默認選中狀態,可使用checked屬性。當頁面加載時,蘋果的單選按鈕將選中,如果用戶沒有更改選擇,則將提交該值。
總之,HTML5 Radio表單元素默認設置為選中單選按鈕,并設置名稱和值。如果要設置默認選中單選按鈕,可以使用checked屬性。