首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >联系人表单文本区域进入并滚动

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

Stack Overflow用户
提问于 2019-02-22 12:31:58
回答 1查看 51关注 0票数 0

你好,我正在建设我的wordpress网站,并使用联系人表单来构建联系人表单。我没什么问题。

  1. 文本区域中的文本是一行,当我单击ENTER contact表单时,尝试发送表单。如何启用进入?
  2. 如何在文本区域启用滚动?
  3. 当我输入文字时,只会出现大字母,就像我使用大写锁时,又如何启用小写字母呢?

代码语言:javascript
复制
    /*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;
}
代码语言:javascript
复制
<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"]

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-02-22 12:53:01

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

您还将在样式中设置text-transform:uppercase;,这将使所有文本大写。删除它,它将修复您的第三个问题。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54827262

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档