在做网页开发时 , 很多时候我们需要和用户进行交互 。 比如收集用户的爱好信息 , 如何实现这个功能?其实很简单 , 我们利用form表单 , 就能把用户的信息提交到服务器了 , 下面来看下怎么提交 。 操作方式 01 起首 , 我们需要在html里添加一个form控件 , 并为form控件写上action属性 , 该属性会告诉form提交到办事器的哪一个地址里的 。 代码如图
文章插图
02 然后按照本身的需要收集的信息 , 添加一些控件 , 好比添加input , select等html控件来收集用户的名字 , 春秋 , 活动快乐喜爱等信息 。 代码如图
(要注重的是每个控件要添加一个name属性 , 我们后台需要经由过程这个name来获取值)
文章插图
03 然后添加一个submit按钮 , 这个提交按钮放在form里时 , 只要点击了 , 就会主动把form表单提交到办事器的 。
文章插图
04 到后台的逻辑了 , 关头是怎么获取到客户端提交过来的表单数据 。 这里以php代码为例子 , 其他说话的也差不多 , 可参考实现 。
在php里有一个全局性的数组变量 , _POST变量 , 可以获取到客户端post过来的数据 。 (我们上面的form表单是用post方式提交过来的) 。
好比春秋字段的获取 , 我们可以经由过程如许来获取 , age = _POST[‘age']; 这里的age字符就是表单春秋控件的name的値 。
文章插图
05 领会到了上面的获取方式 , 我们把表单里的三个控件的数据都获取到 , 然后简单处置 , 直接输出到页面里 , 来看下是否能准确获取到 。 代码如图 。
文章插图
06 运行页面 , 我们输入本身的信息 , 点击提交按钮 。
文章插图
07 【网页中如何收集用户数据?】提交到办事器后 , 办事器收集到表单的数据 , 清算了一下后直接输出页面 , 我们可以看到收集到的数据是完全准确的 。
文章插图
以上内容就是网页中如何收集用户数据?的内容啦 , 希望对你有所帮助哦!
推荐阅读
- win10鼠标如何设置?win10鼠标设置技巧?
- Word中如何使用合并技术制作信封
- 如何安装和使用photoshopcc2018最新产品
- 如何使用PS去除多余的图案?
- 如何使用C4D查看模型视图
- 变形金刚地球之战故事模式如何编队战斗?
- 如何把百度文库中的文字复制到Word文档中
- 如何找到自己退出的QQ群
- WPS文字中插入禁止符
- UG如何通过过滤器实现选择模型的面技巧