Layui 下拉列表框和文本框提交表单示例 - PHP 代码实现 - 常规

Layui 下拉列表框和文本框提交表单示例 - PHP 代码实现

本示例演示了使用 Layui 库构建一个包含下拉列表框、文本框和提交按钮的表单，并使用 PHP 代码接收和处理表单数据。

HTML 代码

<!DOCTYPE html>
<html>
<head>
	<meta charset='utf-8'>
	<title>Layui 下拉列表框示例</title>
	<link rel='stylesheet' href='https://cdn.staticfile.org/layui/2.5.6/css/layui.min.css'>
</head>
<body>
	<div class='layui-container'>
		<form class='layui-form' action='submit.php' method='post'>
			<div class='layui-form-item'>
				<label class='layui-form-label'>下拉列表框</label>
				<div class='layui-input-inline'>
					<select name='select' lay-verify='required'>
						<option value=''></option>
						<option value='1'>选项1</option>
						<option value='2'>选项2</option>
						<option value='3'>选项3</option>
					</select>
				</div>
			</div>
			<div class='layui-form-item'>
				<label class='layui-form-label'>文本框1</label>
				<div class='layui-input-inline'>
					<input type='text' name='input1' lay-verify='required' placeholder='请输入文本1' autocomplete='off' class='layui-input'>
				</div>
			</div>
			<div class='layui-form-item'>
				<label class='layui-form-label'>文本框2</label>
				<div class='layui-input-inline'>
					<input type='text' name='input2' lay-verify='required' placeholder='请输入文本2' autocomplete='off' class='layui-input'>
				</div>
			</div>
			<div class='layui-form-item'>
				<div class='layui-input-block'>
					<button class='layui-btn' lay-submit lay-filter='formDemo'>提交</button>
				</div>
			</div>
		</form>
	</div>
	<script src='https://cdn.staticfile.org/layui/2.5.6/layui.min.js'></script>
	<script>
		layui.use(['form'], function(){
			var form = layui.form;
		});
	</script>
</body>
</html>

PHP 代码

<?php
if(isset($_POST['select']) && isset($_POST['input1']) && isset($_POST['input2'])) {
	$select = $_POST['select'];
	$input1 = $_POST['input1'];
	$input2 = $_POST['input2'];

	// 这里可以添加对数据的处理逻辑，比如写入数据库

	echo '提交成功！';
} else {
	echo '提交失败！';
}
?>

说明：

代码中的 submit.php 是处理表单提交的 PHP 文件，需要根据实际情况修改。
在 submit.php 中，可以添加对接收到的数据的处理逻辑，比如写入数据库等。
Layui 库提供了丰富的表单组件，可以根据需要进行调整和扩展。

本示例仅供参考，可以根据实际需求进行修改和扩展。