表单元素,适用很多网站功能性强,我们必须要掌握的一项知识

59 阅读2分钟

*在 HTML 文档中,使用​​form​​标签来进行表单提交,​​form​​标签属于块元素有两个重要的属性:​​action​​和​​method​​属性,其中​​action​​的属性值是表单提交的地址即发送数据地址,​​method​​的属性值是提交的方法,其作用是将前端得数据发送给后端 (处理数据,存储数据,获取数据),进行存储处理获取数据等,之后通过js中ajax请求来完成,不建议使用form,因为会导致整个页面刷新。

* method​​​​属性规定了表单提交方式,最常用的有两种方式,分别是 ​​​​GET​​​​ 和 ​​​​POST​​​。请求是发送数据给对应(action)地址 其中 ​​​GET​​​请求:发送的数据在地址栏显示?是对应的数据(不安全,一般是用于获取数据)是把表单中的参数放置在 ​​​​HTTP​​​​ 请求的头部发送给服务器 ​​​​POST​​​:检查的网络监听,表单数据中可以看到(稍微安全),将请求参数置于请求体内发送。 input​​标签属于行内块元素表示表单(用户输入框),其中它有不同的属性,用于表示不同的表单类型。 • 文本类表单 • 选择类表单 • 文件上传类表单 • 按钮表单 type 输入框类型 • text文本输入框 搜索 • password 密码 • sumbit 提交 • reset 重置信息 name 输入框名称 range​​类型用于包含一定范围内数值的输入。 ​​date​​类型是用来选取年、月、日的类型。 ​​datetime-local​​是用来选取年、月、日和本地时间。 ​​search​​类型的​​input​​标签提供用于输入搜索关键字的文本框,从外观看 ​​search​​ 和 ​​text​​ 是一样的,功能也是相近的可以输入任意的字符串。 ​​color​​类型是​​input​​标签提供的专门用于设置颜色的文本框。通过单击文本框可以打开一个调色板,用户可以在面板中选择需要的颜色。 ​​​​input​​标签新增了一个form​​属性,通过该属性可以将表单元素绑定到指定的​​​form​​标签上,这样就可以灵活进行布局,同时一个表单元素可以从属于多个表单