联系人表格文本区域进入并滚动

时间:2019-02-22 12:31:59

标签: html css wordpress

您好,我正在建立我的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"]

我是新手,所以请原谅:)

1 个答案:

答案 0 :(得分:0)

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

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