Java 自定义表单属性接收 - 前后端交互示例
以下是一个简单的demo,实现了通过前端自定义表单创建一个文本框,并在后端以对象的形式接收表单属性:
前端代码(HTML):
<!DOCTYPE html>
<html>
<head>
<title>自定义表单</title>
</head>
<body>
<form action='submit.php' method='post'>
<label for='input1'>输入框:</label>
<input type='text' name='input1_name' id='input1_id' value='' />
<input type='hidden' name='input1_type' value='text' />
<input type='hidden' name='input1_unique' value='false' />
<input type='hidden' name='input1_readonly' value='false' />
<input type='submit' value='提交' />
</form>
</body>
</html>
在表单中,我们创建了一个文本框(input type='text'),并设置了以下属性:
- name:输入框的属性名,用于后端接收数据
- id:输入框的id,用于前端操作
- value:输入框的默认值
- type:输入框的类型,用于后端判断输入框类型
- unique:输入框的唯一性,用于后端判断输入框是否唯一
- readonly:输入框的只读性,用于后端判断输入框是否只读
后端代码(PHP):
<?php
class FormField
{
public $name;
public $type;
public $unique;
public $readonly;
public function __construct($name, $type, $unique, $readonly)
{
$this->name = $name;
$this->type = $type;
$this->unique = $unique;
$this->readonly = $readonly;
}
}
$input1_name = $_POST['input1_name'];
$input1_type = $_POST['input1_type'];
$input1_unique = $_POST['input1_unique'];
$input1_readonly = $_POST['input1_readonly'];
$input1 = new FormField($input1_name, $input1_type, $input1_unique, $input1_readonly);
echo '输入框属性:';
echo '<br/>';
echo '属性名:' . $input1->name;
echo '<br/>';
echo '类型:' . $input1->type;
echo '<br/>';
echo '唯一性:' . $input1->unique;
echo '<br/>';
echo '只读性:' . $input1->readonly;
?>
在后端,我们创建了一个FormField类,用于存储表单字段属性。我们通过$_POST获取前端传来的表单数据,并创建一个FormField对象,将表单数据赋值给FormField对象的属性。最后,我们输出FormField对象的属性值,以验证是否成功接收了表单数据。
原文地址: http://www.cveoy.top/t/topic/og12 著作权归作者所有。请勿转载和采集!