php - 如何对文本框进行分组，以便同时提交它们。使用 PHP、CodeIgniter 和 HTML
问题描述
我有一组文本框，其中包含“名字、姓氏、性别、出生日期、地址等。我想知道如何对它们进行分组，以便将它们全部提交并将所有信息输入 MySQL数据库。
这是我目前的编码：
<div class="form-group">
名字、姓氏、性别、出生日期、地址等此处的文本框。
<style type="text/css"> .submit { position: fixed; width: 100%; text-align: center; top: 90%; } </style>
<br />
<div class="submit">
<div class="form-group">
<input type="submit" value="Submit" name="submit" >
</div>
更新 1
这就是我提出的；
<form class="form" method="post" action="<?php echo BASE_URL . 'personinfo'; ?>">
示例名字
<style type="text/css"> .firstname { position: fixed; width: 100%; left: 11%; top: 36%; } </style>
<div class="firstname"> <input type="text" value="<?php echo isset($_POST['firstname']) ? $_POST['firstname'] : '';?>" name="firstname" style="width: 18%; height: 4mm"; > </div>
姓氏、性别、出生日期、地址等此处的文本框。
<style type="text/css"> .submit { position: fixed; width: 100%; text-align: center; top: 90%; } </style>
<br />
<div class="submit">
<input type="submit" value="Submit" name="submit" >
</div>
</form>
但不确定它是否正确，因为它仍然没有提交。
更新 2
整个视图包含 420 行，所以我已经删除了不相关的部分。
(1) 第二个（受托人）Javascript 函数不起作用。如果我删除第一个（国家）功能，它将起作用。在这个阶段，这个问题并不重要。(2) “请解释你预期会发生什么以及实际会发生什么。” A - 单击提交按钮时没有任何反应。- 我希望将文本框中包含的信息传输到 MySQL 数据库。控制器和模型设置为执行此操作，但视图需要正确。
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title><?php echo WEBSITE_NAME; ?> - Person Info</title>
<script type="text/javascript" src="../countries.js"></script>
<script type="text/javascript">function make_blank() { document.trustee.trustee.value =""; } </script>
</head>
<body>
<?php echo validation_errors(); ?>
<?php echo form_open_multipart(BASE_URL.'personinfo',array('name'=>'personinfo_form'));?>
<form class="form" method="post" action="<?php echo BASE_URL . 'personinfo'; ?>">
<style type="text/css"> .username { position: fixed; width: 100%; left: 11%; top: 26%; } </style>
<div class="username"> <input type="text" name="username" readonly value="<?php echo $personinfo->user_name; ?>" style="width: 18%; height: 4mm"; /> </div>
<style type="text/css"> .firstname { position: fixed; width: 100%; left: 11%; top: 36%; } </style>
<div class="firstname"> <input type="text" value="<?php echo isset($_POST['firstname']) ? $_POST['firstname'] : '';?>" name="firstname" style="width: 18%; height: 4mm"; > </div>
<style type="text/css"> .lastname { position: fixed; width: 100%; left: 11%; top: 46%; } </style>
<div class="lastname"> <input type="text" value="<?php echo isset($_POST['lastname']) ? $_POST['lastname'] : '';?>" name="lastname" style="width: 18%; height: 4mm"; > </div>
<style type="text/css"> .othernames { position: fixed; width: 100%; left: 11%; top: 56%; } </style>
<div class="othernames"> <input type="text" value="<?php echo isset($_POST['othernames']) ? $_POST['othernames'] : '';?>" name="othernames" style="width: 18%; height: 4mm"; > </div>
<style type="text/css"> .gender { position: fixed; width: 100%; left: 11%; top: 66%; } </style>
<div class="gender"> <select name="gender" style="width: 18.3%; height: 5.75mm"; >
<option value="">Select One</option>
<option <?php echo isset($_POST['gender']) && $_POST['gender']=="Male" ? 'selected="selected"' : ''?> value="Male">Male</option>
<option <?php echo isset($_POST['gender']) && $_POST['gender']=="Female" ? 'selected="selected"' : ''?> value="Female">Female</option>
<option <?php echo isset($_POST['gender']) && $_POST['gender']=="Other" ? 'selected="selected"' : ''?> value="Other">Other</option>
</select> </div>
<style type="text/css"> .num { position: fixed; width: 100%; left: 40.8%; top: 26%; } </style>
<div class="num">
<select name="num" style="width: 4%; height: 5.75mm"; >
<option value="">Day</option>
<?php
for ($i=1; $i<32; $i++)
{
$selected_day = (isset($_POST['num']) && $_POST['num']==$i ? 'selected="selected"' : '' );
echo '<option '.$selected_day.' value="'.$i.'">'.$i.'</option>';
}
?>
</select>
</div>
<style type="text/css"> .month { position: fixed; width: 100%; left: 46.3%; top: 26%; } </style>
<div class="month">
<select name="month" style="width: 6%; height: 5.75mm"; >
<option value="">Month</option>
<?php
$months = array(
'01'=>'January',
'02'=>'February',
'03'=>'March',
'04'=>'April',
'05'=>'May',
'06'=>'June',
'07'=>'July',
'08'=>'August',
'09'=>'September',
'10'=>'October',
'11'=>'November',
'12'=>'December'
);
foreach ($months as $key=>$month)
{
$selected_month = (isset($_POST['month']) && $_POST['month']==$key ? 'selected="selected"' : '' );
echo '<option '.$selected_month.' value="'.$key.'">' . $month . '</option>';
}
?>
</select>
</div>
<style type="text/css"> .year { position: fixed; width: 100%; left: 53.8%; top: 26%; } </style>
<div class="year">
<select name="year" style="width: 5%; height: 5.75mm"; >
<option value="">Year</option>
<?php
$start_year = 1900;
$end_year = date('Year');
$years = range($start_year,$end_year);
$reverse_year = array_reverse($years);
foreach ($reverse_year as $year)
{
$selected_year = (isset($_POST['year']) && $_POST['year']==$year ? 'selected="selected"' : '' );
echo '<option '.$selected_year.' value="'.$year.'">'.$year.'</option>';
}
?>
</select>
</div>
<style type="text/css"> .certificate { position: fixed; width: 18.3%; left: 40.8%; top: 36%; font-family: arial; font-size: 80%; color: Black; background-color: White; } </style>
<div class="certificate"> <input type="file" name="certificate" id="certificate" style="width: 100%; height: 5mm"; > </div>
<style type="text/css"> .passphoto { position: fixed; width: 18.3%; left: 40.8%; top: 46%; font-family: arial; font-size: 80%; color: Black; background-color: White; } </style>
<div class="passphoto"> <input type="file" name="passphoto" id="passphoto" style="width: 100%; height: 5mm"; > </div>
<style type="text/css"> .fingerprints { position: fixed; width: 18.3%; left: 40.8%; top: 56%; font-family: arial; font-size: 80%; color: Black; background-color: White; } </style>
<div class="fingerprints"> <input type="file" name="fingerprints" id="fingerprints" style="width: 100%; height: 5mm"; > </div></form>
<style type="text/css"> .trustee { position: fixed; width: 100%; left: 40.8%; top: 66%; } </style>
<div class="trustee"><input type="text" name="trustee" id="trustee" style="width: 18%; height: 4mm"; value='To Be Advised' onclick="make_blank();"></div>
<style type="text/css"> .countryterritory { position: fixed; width: 100%; left: 70.5%; top: 26%; } </style>
<div class="countryterritory"> <select name="countryterritory" id="countryterritory" onchange="setStates();" style="width: 18.3%; height: 5.75mm"; >
<option hidden="true">Tap+DownUpArrows+Enter</option>
<option <?php echo isset($_POST['countryterritory']) && $_POST['countryterritory']=="Afghanistan" ? 'selected="selected"' : ''?> value="Afghanistan">Afghanistan</option>
<option <?php echo isset($_POST['countryterritory']) && $_POST['countryterritory']=="Albania" ? 'selected="selected"' : ''?> value="Albania">Albania</option>
<option <?php echo isset($_POST['countryterritory']) && $_POST['countryterritory']=="Algeria" ? 'selected="selected"' : ''?> value="Algeria">Algeria</option>
<style type="text/css"> .stateprovinceregion { position: fixed; width: 100%; left: 70.5%; top: 36%; } </style>
<div class="stateprovinceregion"> <select name="stateprovinceregion" id="stateprovinceregion" onchange="setCities();" style="width: 18.3%; height: 5.75mm"; > </select> </div>
<style type="text/css"> .citytowndistrict { position: fixed; width: 100%; left: 70.5%; top: 46%; } </style>
<div class="citytowndistrict"> <select name="citytowndistrict" id="citytowndistrict" style="width: 18.3%; height: 5.75mm"; > </select> </div>
<style type="text/css"> .suburbvillage { position: fixed; width: 100%; left: 70.5%; top: 56%; } </style>
<div class="suburbvillage"> <input type="text" value="<?php echo isset($_POST['suburbvillage']) ? $_POST['suburbvillage'] : '';?>" name="suburbvillage" style="width: 18%; height: 4mm"; > </div>
<style type="text/css"> .streetroadavenue { position: fixed; width: 100%; left: 70.5%; top: 66%; } </style>
<div class="streetroadavenue"> <input type="text" value="<?php echo isset($_POST['streetroadavenue']) ? $_POST['streetroadavenue'] : '';?>" name="streetroadavenue" style="width: 18%; height: 4mm"; > </div>
<style type="text/css"> .submit { position: fixed; width: 100%; text-align: center; top: 90%; } </style>
<br />
<div class="submit">
<input type="submit" value="Submit" name="submit" >
</div>
</form>
</body>
</html>
解决方案
I rebuilt the script and deleted this line
<form class="form" method="post" action="<?php echo BASE_URL . 'personinfo'; ?>">
therefore there must have been an error in the intermediate coding, however it works now.
The Javascript was changed to;
<script type="text/javascript" src="../countries.js"></script>
<script type="text/javascript"> function make_blank() { document.forms["personinfo_form"]["trustee"].value = ""; } </script>
and both functions work now.
推荐阅读
- javascript - Angular：使用行/列输入将数据绘制到表中
- javascript - 在等待页面加载之前调用节点 api 时出错
- scala - 从 Kafka Connect Transformer 中的主题暂停/停止 Sink 消费
- csv - 使用 HTML 报告 Dashboard 分析 jmeter 负载测试的结果
- swift - 如何使用导航栏移动另一个故事板？
- swift - RxSwift 链接请求
- nginx - 如何将子域指向同一服务器上的另一个“文件夹”？
- angular - 如何在角度 MatTable 中排序后获取更新的 Viewchildren 参考
- excel-formula - 返回过滤数据的列总和，没有过滤器
- liferay - Liferay 错误的自动增量