Form表单数据处理

叁歲伎倆 2024-03-31 14:42 81阅读 0赞

浏览器端的数据采集主要依靠html的form表单来实现，form表单是包含一系列表单元素的区域，表单元素是允许用户在表单中输入信息的元素。常见的表单有文本域，下拉列表，单选框和复选框等。

示例register.html

<html lang='en'>
    <head>
    	<title>用户注册</title>
    	<meta charset="UTF-8">
    </head>
    <body>
    <form action='./register.php' method='post'>
    用户名：<input type='text' name='userName'/><br/>
    密   码：<input type='password' name='passWord'/><br/>
    确认密码：<input type='password' name='confirmPassword'/><br/>
    <input type='submit' value='提交'/>
    <input type='reset' value='重置'/>
    </form>
    </body>
    </html>

![724ec6d2c4064495bc8dec5e1d753f4c.png][]

以上表单用来供用户输入信息注册信息，而接收到数据后，需要使用一个程序来处理数据，即使用post方法讲数据提交给register.php。

示例register.php

<?php
    //接收来自register.html的数据信息
    $userName=$_POST['userName'];
    $password=$_POST['passWord'];
    $confirmPassword=$_POST['confirmPassword'];
    //判断用户输入的两次密码是否一致
    if($password == $confirmPassword){
    	echo 'Registered successfully!';
    }else{
    	echo 'The password is different from confirmPassword';
    }
    ?>

![65ab5272756841f5a4fcd7357112580f.png][]

以上程序使用$\_post预定义变量接收来自html表单的数据，并进行简单的判断两次密码是否一致。

[724ec6d2c4064495bc8dec5e1d753f4c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/33c09d42f6704348a2d28732fca27201.png
[65ab5272756841f5a4fcd7357112580f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/03f91719944942b49ee5b2a127065a91.png

发表评论取消回复

表情：

评论列表（有 0 条评论，81人围观）

还没有评论，来说两句吧...

相关阅读

相关 Form表单

一、标签结构： <form>...</form> 二、普通文本框： <input type="text"> 三、密码输入框： <input type="passwor

太过爱你忘了你带给我的痛/ 2024年04月01日 15:17/ 0 赞/ 102 阅读

相关 Form表单数据处理

浏览器端的数据采集主要依靠html的form表单来实现，form表单是包含一系列表单元素的区域，表单元素是允许用户在表单中输入信息的元素。常见的表单有文本域，下拉列表，单选框和

叁歲伎倆/ 2024年03月31日 14:42/ 0 赞/ 82 阅读

相关 antd获取/更改form表单数据（表单域数据）

创建ref引用 formRef = React.createRef(); 表单和ref绑定 //ref={this.formRef} 先给For

今天药忘吃喽~/ 2024年02月21日 10:08/ 0 赞/ 74 阅读

相关 form表单

前后端交互流程： ![98a9393d26e8108f47fc83040ff442c9.png][] 表单在 Web 网页中用来给访问者填写信息，从而能采集客户端信息，使网

忘是亡心i/ 2023年09月27日 15:10/ 0 赞/ 149 阅读

相关 Servlet——form表单提交数据

form表单提交数据创建类表单页面代码 Java代码配置web.xml 代码编辑完成后，打包打包好的war放到webapps目

朴灿烈づ我的快乐病毒、/ 2023年02月26日 04:27/ 0 赞/ 33 阅读

相关 js构建form表单数据

背景后端接口：参数为`Person`，`Person`成员变量包含`Other`对象 @RequestMapping("post") public O

深藏阁楼爱情的钟/ 2022年12月23日 03:52/ 0 赞/ 244 阅读

相关 JQuery获取form表单数据

1.首先页面的form的所有表单元素需要增加name属性 <div class="form-group"> <label for="name" cla

男娘i/ 2022年05月09日 04:10/ 0 赞/ 1083 阅读

相关 Form表单提交JSON数据

1.定义方法 //定义serializeObject方法，序列化表单 $.fn.serializeObject = function() {

迈不过友情╰/ 2022年04月18日 03:38/ 0 赞/ 751 阅读

相关 Form-Form表单

一、典型表单在 Form 组件中，每一个表单域由一个 Form-Item 组件构成，表单域中可以放置各种类型的表单控件，包括 Input、Select、Check

灰太狼/ 2022年03月31日 15:11/ 1 赞/ 641 阅读

相关 form表单

Form表单 ajax基础 form表单的属性action与method 属性值描述 action URL 规定当提交表单时向何处发送表单数据 meth

浅浅的花香味﹌/ 2022年02月22日 20:06/ 0 赞/ 464 阅读