網頁Web-HTML-22-表單應用-單選-radio、複選-checkbox

表單應用

  • 單選-radio
  • 複選-checkbox
單選-radio

 

 

 

 

屬性:

一組只能選一個,所以name的值要一模一樣

性別:
<input type="radio" name="gender" value="1">男
<input type="radio" name="gender" value="2">女
<input type="submit">
預設選取

checked

 

 

 

<form id="myform">
性別:
<input type="radio" name="gender" value="1" checked>男
<input type="radio" name="gender" value="2">女
<br>
<input type="submit">
</form>
複選-checkbox

 

 

 

 

 

屬性:name的地方記得用陣列[]
請勾選您最想知道的資訊<br>
<input type="checkbox" value="1" name="info[]">HTML<br>
<input type="checkbox" value="2" name="info[]">CSS<br>
<input type="checkbox" value="3" name="info[]">Javascript<br>
<br>
<input type="submit">

 

預設選取:

 

 

 

 

 

屬性:checked
性別:
<input type="radio" name="gender" value="1">男
<input type="radio" name="gender" value="2" checked>女<br><br>

請勾選您最想知道的資訊<br>
<input type="checkbox" value="1" name="info[]">HTML<br>
<input type="checkbox" value="2" name="info[]" checked>CSS<br>
<input type="checkbox" value="3" name="info[]" checked>Javascript<br>
<br>

程式碼參考

 

 

Yiru@Studio - 關於我 - 意如