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>