给产品经理讲技术|H5基础知识:表单

产品经理

【相关推荐】

给产品经理讲技术丨如何适配iOS屏幕

给产品经理讲技术 | 互联网的黄金矿工:爬虫

给产品经理讲技术|撩妹技术三部曲之“设计模式”

给产品经理讲技术丨没线,并不可怕?

给产品经理讲技术丨提需求的正确姿势是什么

我承认又标题党了,表单这种基础知识从很早的Html版本就已经存在了,表单是用户输入和网页之间数据交互的一个界面,TA在Html中用这个标签来标记。

但是谁叫Html规范升级到5.0呢,我之所以要解释下,是因为有的朋友并不知道为什么要叫H5,以前的Html其实应该称为Html4或者Html401,那个「5」并不是代表一种新技术,仅仅是一个Html的版本号而已。

不知道为啥要把form翻译为「表单」,不过叫着叫着,用着用着,看着看着也就熟悉了。

产品经理

看看taobao,你剁手前必须要经过的一个界面,这就是一个表单,表单为你留了一个区域,这个区域等着你输入数据,这些数据讲被上传到后台服务器去,或者校验你的用户名密码,或者你的下单数据,总之,TA为你和网页的数据交互提供了一个友好的界面。

社会主义正确的价值观是,不能只看脸,还要看心灵。看了脸,我才有欲望去了解你的心灵,你的心灵决定了我是否喜欢你的脸。

我们一起看看Html表单代码是如何书写的。

产品经理

form:标识了这是一个表单

action:标识了所有的数据内容将向引号内的地址进行提交

method:标识了提交到网站的方法,一般为GET或POST

input:标识了一个输入框,type标识为类型为文本输入,user是其参数的名字,最后一个input类型为submit,标识一个按钮的类型为「提交」类型。

最终的网页长成下面这个样子:

产品经理

我们在输入框中输入“果果”,这两个字将会以GET方法提交到“http://www. *.com/index.html”地址,至于服务器取到这些值如何操作,是另一个问题了,那涉及到服务器端程序,这也是简单的前端与后台划分的一个标准。

产品经理

此外,表单中还可以承载很多类型的元素,比如RadioBox和CheckBox,用来丰富用户输入类型和减少交互成本。

小总结:表单是你和服务器数据交互的用户界面,一切向服务器提交的数据都是由这几个简单的标签所组成。

欢迎添加微信公众号:给产品经理讲技术

产品经理

关键字:产品经理, 表单, 经理, html

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部