name是用来让单选框中的选项互斥的,checked是设置系统初始默认选项的。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表单初学</title> <base target="_self"> </head> <body> <!--表单的建立--> <form> <!--value 是设置初始值--> <!--text是设置明文--> <!--password是设置暗文--> 账号:<input type="text" value="账号"> <br> 密码:<input type="password" value="密码"> <br> <!--单选框--> <!--radio是设置单选框--> <!--每一个input中都设置name,而且这些name的值相同的原因是:让每一个选项之间互斥,也就是这些选项,只能选一个--> <!--checked的意思是:设置初始值,也就是一开始系统默认的选项,一开始系统默认选性别保密--> 性别:<input type="radio" name="123">男 <input type="radio" name="123">女 <input type="radio" name="123" checked="123">保密 <!-- 性别:<input type="radio" name="123">男 <input type="radio" name="123" checked="123">女 <input type="radio" name="123" checked="123">保密 在单选框中两个checked,系统只会默认选自后面的checked,前面的checked被忽略。也就是一开始系统默认选项是保密而不是女。 --> <br> <!--多选框--> <!--多选框可以设置多个checked,不会相互排斥,多选框可以有多个初始选项--> 爱好:<input type="checkbox" checked="111">打飞机 <input type="checkbox" checked="111">足浴 <input type="checkbox">按摩 <input type="checkbox">洗头 </form> </body> </html>