一种表示表单的方法-php和HTML
我在挣扎,我不知道还能往哪里走。我有一个客户谁在他们的网站上销售,然而,我正在重写代码,我需要一个联系表格,发送查询给他们。目前都是在Wordpress中设置的 但是,该表单允许客户发送一个订单的简单信息。所以数量、颜色、描述字段都在表单中(联系表单7插件)一种表示表单的方法-php和HTML,php,html,wordpress,forms,Php,Html,Wordpress,Forms,我在挣扎,我不知道还能往哪里走。我有一个客户谁在他们的网站上销售,然而,我正在重写代码,我需要一个联系表格,发送查询给他们。目前都是在Wordpress中设置的 但是,该表单允许客户发送一个订单的简单信息。所以数量、颜色、描述字段都在表单中(联系表单7插件) 我想让他们为不同的产品输入相同次数的信息。因此,客户输入例如,5件蓝色睡衣+10双绿色袜子。但他们可能有很多订单,我们无法知道有多少。我需要的是一个界面的想法,这不是太难,因为这是一个一次性的形式,直到电子商务是正确设置。如果我没有说清楚,
我想让他们为不同的产品输入相同次数的信息。因此,客户输入例如,5件蓝色睡衣+10双绿色袜子。但他们可能有很多订单,我们无法知道有多少。我需要的是一个界面的想法,这不是太难,因为这是一个一次性的形式,直到电子商务是正确设置。如果我没有说清楚,请告诉我。我还没有验证代码,但这里有一个概念
<head>
<script type="text/javascript">
var ordernum = 1;
function Add_to_Order() {
/* Adding another order to the form */
ordernum++;
var order_str = '<p><label for="order' + ordernum + '_id">Quantity: </label><input id="order' + ordernum + '_id" name="order' + ordernum + '_qty" type="text" size="6" /><input name="order' + ordernum + '_color" type="text" /><input name="order' + ordernum + '_desc" type="text" /></p>';
$('#orders').append(order_str);
/* Replaces the value of qty so that you know how many orders to track */
$('input[name=qty]').val(function(index, value) {
return value.replace(ordernum);
});
}
jQuery(document).ready(function($){
/* When add order button is pressed it will add additional fields to the id=orders */
$('#add_order').click(Add_to_Order);
});
</script>
</head>
<body>
<form id="contactForm" method="POST" action="">
<label for="name_id">Name: </label>
<input id="name_id" name="name" type="text" />
<fieldset id="orders">
<p>
<label for="order1_id">Quantity: </label>
<input id="order1_id" name="order1_qty" type="text" size="6" />
<input name="order1_color" type="text" />
<input name="order1_desc" type="text" />
</p>
</fieldset>
<input id="add_order" type="button" value="Add Another Item" />
<input id="qty" name="qty" type="hidden" value="1" />
<hr />
<input id="submit" name="submit" type="submit" value="Send" />
</form>
</body>
var ordernum=1;
函数Add_to_Order(){
/*向表单中添加另一个订单*/
ordernum++;
var order_str='数量:';
$('#orders')。追加(order#str);
/*替换数量的值,以便您知道要跟踪的订单数量*/
$('input[name=qty]').val(函数(索引,值){
返回值.replace(ordernum);
});
}
jQuery(文档).ready(函数($){
/*当按下“添加订单”按钮时,它将向id=订单添加其他字段*/
$(“#添加订单”)。单击(添加订单);
});
姓名:
数量:
在此之后,您可以验证表单,并在提交时根据您拥有的数量订单发送信息。我还想添加一些安全措施,但这只是一个你可以使用的概念。实际上,你想要的PHP邮件表单并不容易,但我一直在尝试帮助你,即使你没有绘制你想要的表单,甚至没有主题。例如,我们有一个名为form.PHP的PHP文件,下面是PHP脚本:
<?php
$q = addslashes($_GET["q"]);
if (empty($q)) {
echo '<form action="form.php" method="get">
How many do you want to order: <input type="text" name="q">
<input type="submit">
</form>';
}
if ($q > 0) {
if (isset($_REQUEST['from'])) {
$from = $_REQUEST['from'] ;
// place your email here
$to = "mail@example.com";
$subject = "Customer: " . $_REQUEST['name'];
$i = 1;
while ($i <= $q) {
$message .= "Order $i\n";
$message .= "Quality: " . $_REQUEST['quality' . $i] . "\n";
$message .= "Color: " . $_REQUEST['color' . $i] . "\n";
$message .= "Description: " . $_REQUEST['description' . $i] . "\n\n";
$i++;
}
$message .= "Note: " . $_REQUEST['note'];
mail($to, $subject, $message, "From:" . $from);
echo "Thank you for submitting your order!";
} else {
echo "<form method='post'>
Email: <input name='from' type='text'><br />
Full Name: <input name='name' type='text'><br />";
$i = 1;
while ($i <= $q) {
echo "Order $i<br />
Quality: <input name='quality" . $i . "' type='text'><br />
Color: <input name='color" . $i . "' type='text'><br />
Description: <input name='description" . $i . "' type='text'><br />";
$i++;
}
echo "Additional Note:<br />
<textarea name='note' rows='15' cols='40'></textarea><br />
<input type='submit'>
</form>";
}
}
?>
为什么不保持表单的原样,并将其添加到列表中(并存储在hiddeninput
s中),而不是按输入的内容发送项目。然后提供一个发送整个列表的Submit
按钮。这主意不错。谢谢,加雷斯,谢谢,这个主意也不错。谢谢罗伯特·李。谢谢你的帮助。我想我会同意罗伯特的想法,但谢谢你花这么多时间写这封信。