Question

我有这个页面：

http://evenimente.academiasuccesului.ro/?event=4

在底部你会看到一个表格“inregistreaza-te pentru acest eveniment”

我想知道这些表格如何排成一行，如下图所示。

http://i61.tinypic.com/k3xjqd.png

这是我的表单的代码：

 <form action="" method="POST" enctype="multipart/form-data"><input id="yourname" name="yourname" type="text" value="Nume" onblur="if (this.value == '') {this.value = 'Nume';}" onfocus="if (this.value == 'Nume') {this.value = '';}">

<input id="email" name="youremail" type="text" value="Adresa de Email" onblur="if (this.value == '') {this.value = 'Adresa de Email';}" onfocus="if (this.value == 'Adresa de Email') {this.value = '';}"><input id="email" name="yourtelephone" type="text" value="Nr. de Tel." onblur="if (this.value == '') {this.value = 'Nr. de Tel.';}" onfocus="if (this.value == 'Nr. de Tel.') {this.value = '';}"><input type="hidden" name="yourplaces" value="1"><input id="yourblank1" name="yourblank1" type="text" value="Cod Cupon" onblur="if (this.value == '') {this.value = 'Cod Cupon';}" onfocus="if (this.value == 'Cod Cupon') {this.value = '';}"><textarea rows="4" label="message" name="yourmessage" onblur="if (this.value == '') {this.value = 'Mesaj';}" onfocus="if (this.value == 'Mesaj') {this.value = '';}">Mesaj</textarea><input type="submit" value="Inregistreaza-te" id="submit" name="qemregister">

        </form>

你可以帮我解决这个问题吗？提前谢谢！

Answer 1

您在同一页面上有多个ID。从javascript和css的角度来看，这是错误的。如果你可以控制你的表单，那么添加3个包装器以形成每个33.333333％的列并浮动它们会更容易。

然后，在某些时候，因为您的网站是响应式的，您需要在CSS文件的末尾进行一些媒体查询，以垂直对齐所有元素。

在列中对齐输入

1 个答案: