不使用 <br/> 制作断线

Question

我想在一行中显示第一个输入 [email] 和我的按钮，其余的在另一行中显示，还想禁用我的复选框的默认样式并以透明背景显示它。

<form method="post" name="form_BE_box" action="">
<input type="email" name="mail" placeholder="Votre adresse mail" id="MAIL"/>
<button class="button" type="submit">S'inscrire</button><br/>
<input type="checkbox" checked="checked" value="Partenaire" name="fou" /> Cochez ici pour s'inscrire aux communications partenaire
</form>

Answer 1

您可以将您的输入包含在 div 中。这是一个有效的 jsfiddle.

关于复选框，你可以看看这个答案：Whosebug

<form method="post" name="form_BE_box" action="">
<input type="email" name="mail" placeholder="Votre adresse mail" id="MAIL"/>
<button class="button" type="submit">S'inscrire</button>
<div>
<input type="checkbox" checked="checked" value="Partenaire" name="fou" /> Cochez ici pour s'inscrire aux communications partenaire
</div>
</form>

不使用 <br/> 制作断线

Making break line without using <br/>

css

line-breaks

background-color