带有多个复选框/ Bootstrap按钮的PHP表单

时间:2015-03-11 22:09:24

标签: php forms twitter-bootstrap button checkbox

我试图创建一个联系表单,用户应该切换不同的复选框(在复选框组内),我已经使用自举按钮组(http://getbootstrap.com/components/#btn-groups的组合对按钮进行了切换。 )和Bootstrap Toggle(http://www.bootstraptoggle.com),输入他们的电子邮件地址并提交。应将用户输入的结果发送到指定的收件人电子邮件,并使用以下正文

  • 电子邮件地址
  • 已选中复选框/切换按钮的值

需要在每个组中选择至少一个复选框,如果选择,用户应该能够选中所有复选框。

我对HTML / Bootstrap非常熟悉,但完全不熟悉PHP - 我几乎无法破译PHP代码,我盯着100多个关于PHP表单的问题和教程,只是为了让人更加困惑,这就是为什么我没有PHP代码显示(email.php我只是一个空文档,等待填写正确的PHP代码)。

我不知道从哪里开始,并且绝对不知道如何使用PHP管理多个复选框/按钮。

仅供参考:不要介意一些HTML是丹麦语。

这是我的HTML:



 <form action="assets/helpers/email.php" method="post">             
   
   iPhone model<br><br>
                         <div class="btn-group" data-toggle="buttons" >
    <button type="button" class="btn btn-primary"> <input type="checkbox" value="5" name"5" id="5">iPhone 5/5S</button>
    <button type="button" class="btn btn-primary"> <input type="checkbox" value="6" name"6" id="6">iPhone 6</button>
    <button type="button" class="btn btn-primary"> <input type="checkbox" value="6p" name"6p" id="6p">iPhone 6 Plus</button>


    </div>
    <br>    <br>
    <br>

  
   Bumper model<br><br>
    <div class="btn-group" data-toggle="buttons" >
    <button type="button" class="btn btn-primary"><input type="checkbox" value="FK" name"FK">Firkantet</button>
    <button type="button" class="btn btn-primary"><input type="checkbox" value="RU" name"RU">Rund</button>

    </div>
    <br>
    <br>
        <br>

   Lås<br><br>
    <div class="btn-group" data-toggle="buttons">
    <button type="button" class="btn btn-primary"><input type="checkbox" value="US" name"FL">Flet</button>
    <button type="button" class="btn btn-primary"><input type="checkbox" value="MS" name"SK">Skruer</button>
    </div>
    
    
 
<br>   <br> <br>


   Farve<br><br>
<div class="btn-group" data-toggle="buttons">
    <button type="button" class="btn btn-primary"><input type="checkbox" value="BA" name"BA">Sort</button>
    <button type="button" class="btn btn-primary"><input type="checkbox" value="SI" name"SI">Sølv</button>    
    <button type="button" class="btn btn-primary"><input type="checkbox" value="GR" name"GR">Grå</button>
	<button type="button" class="btn btn-primary"><input type="checkbox" value="CH" name"CH">Champagne</button>

    </div>
    <br>    <br>

              
<br/>
<input type='text' name='email' placeholder="Din email" />
</p>
<input type='submit' name='submit' value='Skriv mig op' />
</form>
&#13;
&#13;
&#13;

3 个答案:

答案 0 :(得分:0)

在email.php中我首先将表单发布结果转储到屏幕上,这样你就可以看到后关联数组的结构以及如何标记数据。帖子变量位于$_POST

我喜欢这样做:

echo '<pre>';
print_r($_POST);
echo '</pre>';

当然这只是一个起点,但希望它会让你朝着正确的方向前进。

答案 1 :(得分:0)

html表单中的名称属性与一起发送到您的mail.php脚本。要获取脚本中的特定值,您需要按照以下方式调用它:$_POST['*nameofinput*']。如果未选中该复选框,则不会发送该值。

您可以测试是否在PHP中选中了复选框

  if ((isset($_POST['checkboxname']))&&($_POST['checkboxname']!=''))
{
//do something if it was checked
//assign it to something for example
 $mycheckedbox = $_POST['checkboxname'];
}

我推荐使用PHPMailer(http://phpmailer.worxware.com/)发送邮件。随意提出更具体的问题。

答案 2 :(得分:0)

自从我在此主题中的上一次活动以来,我已成功使用此代码:

&#13;
&#13;
form action="assets/helpers/mysql.php" method="post">
                
                     
                      

<div class="row">
    	<div class="col-md-6 col-s-12"><h2>Headline 2<strong>Bumper</strong>.</h2>
        <p> Lorem ipsum dolor sit amet, elit id fermentum tempor condimentum et, eros metus sed massa. Taciti interdum, suscipit laoreet felis ac vivamus enim. Sagittis vitae, ut turpis enim quis congue, erat orci pulvinar pellentesque morbi phasellus. Erat mi non fringilla non unde vulputate. Montes nulla, dolor quis suspendisse libero arcu donec metus, arcu scelerisque sed wisi et pellentesque, ipsum auctor praesent nulla, mi pellentesque in. Integer ipsum nunc posuere aliquam sit maecenas, proin pellentesque velit wisi orci, phasellus suspendisse. Est purus lorem malesuada vivamus, tempus lectus, augue mattis adipiscing nullam. Penatibus sapien sit ut a mollis, amet imperdiet sed fermentum ipsum, laoreet sem lectus, et fringilla est. In tortor felis leo tristique nec, convallis condimentum integer ut eget, placerat mi sem. Vestibulum platea porttitor. Non posuere a, posuere lectus et id et, commodo semper volutpat. Amet diam, eget enim feugiat rutrum accumsan, molestie suspendisse.
</p>
<br><br>
        </div>
 		
<div class="col-md-6 col-s-12">
        
        <h2>Hvilken <strong>Bumper</strong><br>kunne du tænke dig?</h2>
        


<h3>iPhone model</h3>

           
           <div class="btn-group" data-toggle="buttons" >
<button type="button" class="btn btn-primary"> 
<input type="checkbox" name='iPhone[]' value="iPhone 5" id="iPhone 5">iPhone 5/5S</button>

<button type="button" class="btn btn-primary"> 
<input type="checkbox" name='iPhone[]' value="iPhone 6" id="iPhone 6">iPhone 6</button>

<button type="button" class="btn btn-primary"> 
<input type="checkbox" name='iPhone[]' value="iPhone 6 Plus" id="iPhone 6 Plus">iPhone 6 Plus</button>
		  </div>
<br>    
<br>

        

<h3>Bumper model</h3
    ><p></p>

            <div class="btn-group" data-toggle="buttons" >
    <button type="button" class="btn btn-primary">
    <input type="checkbox" name='Bumper[]' value="Firkantet" id="Firkantet">Firkantet</button>
    
    <button type="button" class="btn btn-primary">
    <input type="checkbox" name='Bumper[]' value="Rund" id="Rund">Rund</button>
            </div>
    
    
<br>
<br>
<h3>Lås</h3>
    <p></p>
    
            <div class="btn-group" data-toggle="buttons">
    <button type="button" class="btn btn-primary">
    <input type="checkbox" name='Laas[]' value="Flet"  id="Flet">Flet</button>
    
    <button type="button" class="btn btn-primary">
    <input type="checkbox" name='Laas[]' value="Skruer" id="Skruer">Skruer</button>
            </div> 
		
<br>
<br>
<h3>Farve</h3>
    <p></p>

	<div class="btn-group" data-toggle="buttons">
<button type="button" class="btn btn-primary">
<input type="checkbox" name='Farve[]' value="Sort" id="Sort">Sort</button>

<button type="button" class="btn btn-primary">
<input type="checkbox" name='Farve[]' value="Sølv" id="Sølv">Sølv</button>
    
<button type="button" class="btn btn-primary">
<input type="checkbox" name='Farve[]' value="Grå" id="Grå">Grå</button>

<button type="button" class="btn btn-primary">
<input type="checkbox" name='Farve[]' value="Champagne"	id="Champagne">Champagne</button>

	</div>


    </div>    </div>
<br><br>
<div class="row row-centered">
<div class="col-md-12 col-s-12 col-centered signup">
<div class="item"><div class="content">
<h2>Skriv <strong>mig</strong> op!</h2>
<input type='text' name='name' placeholder="Navn"/>
<br><br>
<input type='text' name='email' placeholder="Email"/>

<br><br><strong><input type='submit' class="btn btn-danger" name='Submit' value='Send' /></strong>
</div></div>
</form>
&#13;
&#13;
&#13;

但现在我需要将按钮/复选框插入MySQL数据库中。为此,我创建了一个新问题:Insert values of multiple checkboxes into MySQL database