Question

我正在制作这种巨大的形式，并且它也有很大的问题。

在某些“地区”。只有最后一个输入有效。

例如：

[...]
<div class="main_data">
   <span class="info">main data</span><br>
   <input type="text" name="name" placeholder="Name" required>
   <input type="email" name="email" placeholder="Email" required>
   <input type="text" name="website" placeholder="Website" required>
   <input type="text" name="telephone" placeholder="Telephone" required>
   <input type="text" name="address" placeholder="Address" required>
   <input type="text" name="city" placeholder="City" required>
   <input type="text" name="country" placeholder="Country" required>
</div>
[...]

每个输入似乎都被禁用（？），我只能写国家。

这也发生在表单的其他一些区域，例如：

[...]
<div class="detailed_info">
   <span class="info">detailed info</span>
   <input type="text" name="activity_areas" placeholder="Activity Areas" required>
   <input type="text" name="company_valences" placeholder="Description of Company Valences" required>
   <input type="text" name="where_operates" placeholder="Markets / Countries where it operates" required>
   <input type="text" name="where_operates" placeholder="Annual Turnover (Value EUR)" required>
[...]

我只能写年度营业额。

我尝试切换z-index来检查它是否是它的东西，但我没有发现任何错误。

我只会粘贴第一部分的CSS，我相信如果我发现第一部分发生了什么，我将能够纠正第二部分。

.main_data{
    width: 100%;
    padding: 30px 0;
    background: rgba(238, 238, 238, 0.9);
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    text-align: center;
}
.main_data .info{
    display: block;
    width: 100%;
    margin: 0 0 10px 0;
    font-size: 20px;
    font-family: 'Futura-Light-Italic', sans-serif;
}
.main_data input{
    border: 0;
    padding: 5px 0;
    margin: 0;
    width: 80%;
    background: #FFF;
    color: #000;
    text-align: center;
    font-family: 'Futura', sans-serif;
}
.main_data input:focus{
    border: 0;
}

我仍然担心它可能与表单没有任何关系所以我会给你们一个指向页面的链接，所以如果你愿意，可以尝试检查一些元素。

要显示表单，请点击加入我们之一的城市：link

我真的需要帮助，因为这个表格今天必须准备好。

如果您不明白，请提出问题！我显然会尽力帮助你。

编辑：我正在使用谷歌浏览器

Answer 1

更改line-height上的.oneofus。

.oneofus {
  width: 88%;
  position: absolute;
  z-index: 12;
  top: 0;
  line-height: 1px; /* this is the problem remove it or make it bigger (74px or more) */
}

Answer 2

将输入的位置设置为relative ..

.main_data input {
  position: relative;
}

只有最后输入有效

2 个答案: