表单属性详细解释

Posted 2021-01-03 miantiao312

对于java后台程序员来说，前端的技术总是繁琐、零碎。今天博主就给大家详细解释一下经常使 用的表单校验，以及其中各个标签的属性和含义。

1、type:设置该标签的种类

text: 文本框(默认)
password：密码框(内容为非明文)
radio: 复选框(在同一组内有单选效果)
checkout: 复选框(在同一组内有复选效果)
submit: 提交按钮(用于控制表单提交数据)
reset: 重置按钮(用于将表单输入项恢复到默认状态)
file: 附件框(用于文件上传)
hidden: 隐藏域(一般用坐提交服务器需要拿到，但是用户不需要看到的数据)
button: 普通按钮(需要和JS事件一起使用)

2、name

单选框、复选框进行数据的分组；设置该标签对应的标签名。
eg:某个表单输入项需要通过参数列表提交，就必须设置name属性

3、value

设置该标签对应的参数值；作为按钮的名字。
value属性的设置策略：
    a: 文本框、密码框这样的表单输入项，可以不强制指定value,因为用户可以自由输入。
    b: 单选框、复选框这样的表单输入项，必须强制指定value,因为用户无法输入，只能选择，如果不指定value,那么提交上去的只有 on。

4、chekout

设置单选框/复选框的默认选中状态。

5、readonly

设置该标签的参数值只读，用户无法手动更改(数据是可以正常提交)。

6、disabled

设置该标签不可用，参数值无法更改，且参数值也无法提交