PHP----常见的表单提交

本文详细介绍了HTML表单的多种提交方式,包括文本框、单选按钮、复选框及选择框等常见元素的使用方法,深入探讨了POST方法传送数据的具体实现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

下面是集中比较常见的表单提交
这段代码放在html之前,可以将接收到的信息全部展示出来。

//用$_SERVER['REQUEST_METHOD']可以获得请求方法。
//通过if语句来判断是否是POST方法传送,如果是,则输出所有传送信息
<?php 
	if ($_SERVER['REQUEST_METHOD'] === 'POST') {
		var_dump($_POST);
	}
?>

1. 文本框

<!--$_SERVER['PHP_SELF']表示不跳转页面,而是将数据直接发送到当前页面-->
<form action="<?php echo $_SERVER['PHP_SELF']?>" method="post">
		用户名:<input type="text" name="username">
		密码:<input type="text" name="password">
		文本域:<textarea name="text"></textarea>
		<button>提交</button>
	</form>

2. 单选按钮

单选按钮因为是需要在一组相同的name当中选出唯一选项,所以需要再添加一个value属性,能够让服务器端判断出一组选项中的某一个选项。

<form action="<?php echo $_SERVER['PHP_SELF']?>" method="post">
	性别:
	<label><input type="radio" name="sex" value="male"></label>
	<label><input type="radio" name="sex" value="famale"></label>
	<button>提交</button>
</form>

3. 复选框

复选框有一个特点,就是用户可以同时选择多个选项并进行提交,所以input标签的name属性为checkbox[]。相当于创建了一个数组,php解析器会对提交的数据自动解析为数组。
注意:如果不加上[],则会出现参数覆盖,接收到的数据只会显示最后一个。

<form action="<?php echo $_SERVER['PHP_SELF']?>" method="post">
	交通工具:
	<label><input type="checkbox" name="checkbox[]" value="car">汽车</label>
	<label><input type="checkbox" name="checkbox[]" value="train">火车</label>
	<label><input type="checkbox" name="checkbox[]" value="airplane">飞机</label>
	<label><input type="checkbox" name="checkbox[]" value="ship">轮船</label>
	<label><input type="checkbox" name="checkbox[]" value="HSR">高铁</label>
	<button>提交</button>
</form>

4. 选择框(下拉列表)

下拉列表和列表框是通过select标签和option标签实现的.
下拉选项是单项选择的时候,服务器端接收到的是唯一数据。

<form action="<?php echo $_SERVER['PHP_SELF']?>" method="post">
	<select name="hotel">
		<option selected="selected">不限</option>
		<option>五星级</option>
		<option>四星级</option>
		<option>三星级</option>
		<option>二星级</option>
	</select>
	<button>提交</button>
</form>

下拉选项是多项选择的时候,我们还是需要在name属性后面加[],让php解析器来创建数组。

<form action="<?php echo $_SERVER['PHP_SELF']?>" method="post">
	<select name="hotel[]" multiple="mutiple">
			<option selected="selected">不限</option>
			<option>五星级</option>
			<option>四星级</option>
			<option>三星级</option>
			<option>二星级</option>
		</select>
	<button>提交</button>
</form>
uni-app是一个基于Vue.js的跨平台应用开发框架,它允许开发者编写一套代码,生成兼容Android、iOS、Web等多端的应用。当涉及到从uni-app表单向服务器如PHP后端发送数据时,可以采用以下步骤: 1. **数据绑定**:在uni-app的WXML模板中,使用`<input>`、`<textarea>`等标签创建表单,并通过v-model指令将数据绑定到组件的data属性上。 ```html <!-- uni-form.wxml --> <form bindsubmit="onSubmit"> <input type="text" v-model="username" placeholder="用户名"> <textarea v-model="message" placeholder="留言"></textarea> <button type="submit">提交</button> </form> ``` 2. **事件处理**:在对应的JS文件中,创建一个名为`onSubmit`的方法,这个方法会在用户点击提交按钮时触发。在这里你可以获取表单数据并将其封装成JSON对象。 ```javascript // uni-form.js Page({ data: { username: '', message: '' }, onSubmit(e) { const formData = { 'username': this.username, 'message': this.message }; // 发送HTTP请求 uni.request({ url: 'your-php-url.php', // 替换为你PHP接口的实际地址 method: 'post', data: formData, header: { 'Content-Type': 'application/x-www-form-urlencoded' // 表单默认格式 }, success(res) { console.log('提交成功:', res.data); }, fail(err) { console.error('提交失败:', err); } }); } }) ``` 3. **PHP接收**:在PHP后端,通常会检查`$_POST`数组来获取提交的数据。处理完数据后,可以选择返回响应结果或直接操作数据库。 ```php // your-php-url.php <?php $servername = "localhost"; $username = "username"; $password = "password"; $dbname = "myDB"; $conn = new mysqli($servername, $username, $password, $dbname); if ($conn->connect_error) { die("连接失败: " . $conn->connect_error); } $username = $_POST['username']; $message = $_POST['message']; // ... 对接收到的数据进行处理 // 关闭连接 $conn->close(); ?> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值