隨筆記錄方便自己和同路人查閱。
#------------------------------------------------我是可恥的分割線-------------------------------------------
新建.html格式文件，輸入一下內容
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>input系列</title> </head> <body> <form> <p>愛好：</p> 足球<input type="checkbox" name="favoer"/> 籃球<input type="checkbox" name="favoer"/> 乒乓球<input type="checkbox" name="favoer"/> 美女<input type="checkbox" name="favoer"/> </form> </body> </html>
結果展示：
根據以上結果展示，可以看出實現了多選，但是還有一個問題，提交后往后台發送內容為NO，這是怎么回事呢，別急其實前端也就是WEB想后台提交數據是已列表形式來提交的，現在只提交了name也就是列表的名字沒有value，我們加上value就可以了
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>input系列</title> </head> <body> <form> <p>愛好：</p> 足球<input type="checkbox" name="favoer" value="1"/> 籃球<input type="checkbox" name="favoer" value="2"/> 乒乓球<input type="checkbox" name="favoer" value="3"/> 美女<input type="checkbox" name="favoer" value="4"/> <input type="submit" value="提交"> </form> </body> </html>
結果展示：后台接收數據為列表，名字為favoer,下表為1、2、3、4，對應的值為足球、籃球、乒乓球和美女
默認值：加上checked="checked"就是默認值，單選框也是一樣
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>input系列</title> </head> <body> <form> <p>愛好：</p> 足球<input type="checkbox" name="favoer" value="1"/> 籃球<input type="checkbox" name="favoer" value="2" checked="checked"/> 乒乓球<input type="checkbox" name="favoer" value="3"/> 美女<input type="checkbox" name="favoer" value="4"/> <input type="submit" value="提交"> </form> </body> </html>
展示結果：籃球默認勾選中
