html - 联系表单文本区域进入并滚动

Question

您好，我正在构建我的 wordpress 网站，并使用联系表来构建联系表。我有几个问题。

1. 文本区域中的文本是一行，当我单击 ENTER 联系表单时尝试发送表单。如何启用输入？
2. 如何在文本区域启用滚动？
3. 当我输入文字时，只有大写字母出现，比如当我使用大写锁定时，如何也启用小写字母？

    /*contact*/
    
.one-half,
.one-third {
  position: relative;
  margin-right: 4%;
  float: left;
  margin-bottom: 20px;
}
     
.one-half { width: 48%; }
.one-third { width: 30.66%; }

.last {
  margin-right: 0 !important;
  clear: right;
}

@media only screen and (max-width: 767px) {
  .one-half, .one-third {
    width: 100%;
    margin-right: 0;
  }
}

#name-form { 
  background:0 0;
  border:none;
  width:100%;
  border-bottom:2px solid #FFFFFF;
  text-transform:uppercase;
  font-weight:900;
  padding-bottom:10px;
  font-family: Josefin Sans, sans-serif;
  margin-bottom:58px;
  font-size:14px
}

#mail-form { 
  background:0 0;
  border:none;
  width:100%;
  border-bottom:2px solid #FFFFFF;
  text-transform:uppercase;
  font-weight:900;
  padding-bottom:10px;
  font-family: Josefin Sans, sans-serif;
  margin-bottom:58px;
  font-size:14px
}

#phone-form {
  background:0 0;
  border:none;
  width:100%;
  border-bottom:2px solid #FFFFFF;
  text-transform:uppercase;
  font-weight:900;
  padding-bottom:10px;
  font-family: Josefin Sans, sans-serif;
  margin-bottom:58px;
  font-size:14px;
}

#text-form {
  background:0 0;
  border:none;
  width:100%;
  border-bottom:2px solid #FFFFFF;
  text-transform:uppercase;
  font-weight:900;
  padding-bottom:10px;
  font-family: Josefin Sans, sans-serif;
  margin-bottom:58px;
  font-size:14px;
  height:100px;
}


::placeholder {
  color: white;
  font-weight:900;
  font-size: 15px;
  font-family: Josefin Sans, sans-serif;
}

.wpcf7-form > p {
  color: #FFFFFF;
  font-family: Open Sans, sans-serif;
  font-weight:900;
  font-size: 15px;
}

.wpcf7-form input, .wpcf7-form textarea {
  font-weight:900;
  font-size: 15px;
  color: #FFFFFF;
  width: 100%;
  font-family: Josefin Sans, sans-serif;
}

.wpcf7-form textarea {
  font-weight:900;
  font-size: 15px;
  color: #FFFFFF;
  font-family: Josefin Sans, sans-serif;
}

<div class="one-third">
    
    [text* text-757 id:name-form placeholder "IMIĘ"]
    
</div>

<div class="one-third">

    [tel tel-789 id:phone-form placeholder "TELEFON"]

</div>

<div class="one-third last">

    [email* email-910 id:mail-form placeholder "E-MAIL"]

</div>

    [text* text-757 id:text-form placeholder "WIADOMOŚĆ"]

    [submit "Wyślij"]

我是编码新手所以请原谅:)

Answer 1

您需要使用 <textarea>而不是 <input type="text"> .

您还设置了 text-transform:uppercase;在将使所有文本大写的样式中。删除它，它应该可以解决你的第三个问题。