表单标签form
属性:
action="提交到的服务器地址url"
method="提交方式"
input元素
type="hidden" 隐藏域(页面中没有任何效果,可以提交数据)
type="text" 文本输入框
type="password" 密码输入框
type="radio" 单选按钮 指定同一个name属性 (必须只能选一个)
type="checkbox" 复选框 (选中多个内容 必须指定相同的name属性)
type="date" 仅仅是日期 "2023/2/14" 日期组件
type="email" 邮箱组件 填写,必须满足邮箱格式 "包含@"
type="file" 文件上传组件
type="button" 按钮组件 必须结合value使用
type="reset" 重置按钮(将书写的内容清空掉)
下拉菜单
select
option :下拉选项
文本域
textarea两个属性
rows="文本域中能够书写多少行内容"
cols="一行指定的字符个数"
表单提交的get方式和post方式有什么区别?
1)是否提交在地址栏上
get方式将数据提交到地址栏上的, action提交的地址url?key1=value1&key2=value2....(浏览 器默认get提交)
post提交方式,不会将数据提交到地址栏上,在浏览器(F12--进入调试器)--->"网络"里面的负载 可以看到表单提交的数据
(post提交针对中文会出现乱码!)
2)是否适合私密数据提交
get提交方式,相对post来说不安全,地址栏是可以直接看到明文的敏感数据
post提交方式,相对get来说安全,隐私数据可以看到
3)提交数据大小是否有限制
get提交方式,在地址栏上提交数据,提交数据大小有限制!
post提交方式,是在浏览器中 网络中的请求头后面的负载里面可以直接不断去提交数据,没有大小限制