javascript - 只有最后一个输入有效

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

更改 .oneofus 上的 line-height。

.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) */
}