В текстовую область контактной формы входит и прокрутка

Question

Здравствуйте, я создаю свой WordPress сайт и использовал контактную форму для создания контактной формы.У меня есть несколько вопросов.

1. Текст в текстовой области - одна строка, и когда я нажимаю ENTER контактную форму, попробуйте отправить форму.Как включить ввод?
2. Как включить прокрутку в текстовой области?
3. Когда я набираю текст, появляются только большие буквы, как, например, при использовании caps-lock, как включить маленькие буквы?

    /*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; в стилях, которые сделают весь текст заглавными.Удалите это, и это должно решить вашу третью проблему.