表单
<form method="POST" action="#">
<p>
用户名:<input type="text" value="初始默认值 " size="表单长度" name="" maxlength="最大输入字符"/>(各种表单元素)
</p>
</form>
method:是规定如何发送表单数据,常用:post或get
action: 是你跳转的地方,即表单发送到何处
注意:input标签是行元素,不会自动换行
表单元素
文本框:
<input type="text" name="userName" value="用户名" size="30" maxlength="20" />
备注:
1.text:文本框
2.username:文本框名称
3.value="用户名" 文本框初始值
4.size:文本框长度
5.maxlength:文本框可输入的最多字符
密码框:
<input type="password" />
单选框:
<input type="radio" name="gen" value="男"/>男
<input type="radio" name="gen" value="女"/>女
使用场景:多个选项最多只能选择一项
备注:
1、多个选项只选其中一项时,每个单选框的name值必须一致
2、必须要有value值,value在这里是后台收集数据的名称
3、若某个选项为默认选中时,需要给该项添加checked属性:
<input type="radio