本文详细介绍了HTML表单中的type属性，如text、password、radio、checkbox、submit、reset、file和hidden等，强调了name属性在分组和指定参数名上的作用。还提到了value属性用于设置参数值，以及如何利用checked属性设置默认选中状态。通过实例展示了表单数据提交的格式，并解释了如何确保所有必要数据的正确提交。
感想：这是我系统学习javaweb的时候感觉这个是一个初学者十分容易搞混的点
学习笔记：
首先，是type属性。
表单输入项标签之一，用户可以在该标签上通过填写和选择进行数据输入。
type属性设置该标签的种类：
text文本框，默认
password密码框，内容为非明文
radio单选框：在同一组内有单选效果，使用name属性对单选框、复选框进行分组。只要name属性相同就是同一组。
checkbox复选框
submit：提交按钮用于控制表单提交数据。
reset：重置按钮，用于将表单输入项恢复到默认状态。
file：附件框，用于文件上传。
hidden：隐藏域，一般用作提交服务器需要拿到，但用户不需要看到的数据。
Button：普通按钮。
示例：
用户名：
密码：
性别：男
女
提交前：
可以发现的问题：单选框并没有履行他的职责。
提交后：
这时候就需要用到name属性
name：单选框、复选框进行数据分组。/设置该标签对应的参数名。
示例：将单选框进行分组，将两个单选框编入一组sex，改动如下：
用户名：
密码：
性别：男
女
提交前：
这时候会发现单选框的功能恢复了。
提交后：
会发现上边的框多出了 ？sex=on
这时候就要了解到：
表单点击提交按钮，提交数据时。
格式： ？参数列表
参数列表的格式:
参数1=参数值1&参数2=参数值2&参数3=……
on表示选中
这时候就会发现，性别只提交了一个选中，而账号密码根本就没有提交上去，甚至连参数都没有。而性别有参数，这就要提到name属性的第二个功能：设置该标签对应的参数名。
给账号和密码分别设定对应的参数名。
示例：
用户名：
密码：
性别：男
女
运行前：
运行后：
会发现账号和密码会出现对应的变量名，而且提交了对应的变量值(就是你输入的那个)，但是性别的变量值显示的还是“已选择”，这时候就需要用到value属性：设置该标签对应的参数值。
示例：
用户名：
密码：
性别：男
女
提交前：
提交后：
会发现性别已经有了对应的参数值。
实际生活中，为了方便用户注册，常常将账号和密码设置value属性的默认值更改提交按钮的默认值，并用checked属性设置单选框/复选框的默认选中状态。
示例：
用户名：
密码：
性别：男
女
扫一扫
1587
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
