如何对文本框进行分组,以便同时提交所有文本框。使用 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>

我重建了脚本并删除了这行

<form class="form" method="post" action="<?php echo BASE_URL . 'personinfo'; ?>">

因此,中间编码中一定有错误,但现在可以工作了。

Javascript被更改为;

<script type="text/javascript" src="../countries.js"></script>
<script type="text/javascript"> function make_blank() { document.forms["personinfo_form"]["trustee"].value = ""; } </script>

两个功能现在都工作了。

相关内容

  • 没有找到相关文章