HTML

<textarea></textarea>

Следующий тег – «textarea». В целом, он очень похож на «input» с типом «text», но есть некоторое отличие. Давайте поймём какое.

Для этого мы сначала поставим «textarea».

<textarea></textarea>

Посмотрим, у нас появился вот такой вот прямоугольник, в который, опять же, мы можем вводить текст.

Но разница в чём? В том, что мы можем вводить многострочные данные. То есть, если в «input’е» мы вводим в одну строку и другого не дано, то здесь мы можем вводить много строк. Ещё у «textarea» есть уголочек, который позволяет увеличивать или уменьшать размер нашего «textarea». Я, как правило, потом блокирую этот треугольничек с помощью CSS, потом поймём, как это делается. Но он как бы есть. Если вам вдруг нужно менять размер «textarea», то вот этот треугольничек можно использовать. Если вам не нужно изменять размер «textarea», то его можно заблокировать. Вот так, на будущее пока что. 

В textarea мы вводим абсолютно любой текст, который нужно ввести. Допустим, этот тег можно использовать, если нужно ввести текст отзыва, или ещё какой-то большой текст, который должен содержать в себе какую-то большую информацию, а не просто имя, фамилия, отчество. Может быть, рассказ о себе, краткая биография. Вот для всего этого нужен «textarea».

В параметрах мы точно также пишем атрибут «name», в который мы пишем, что это за «textarea», что сюда вводится. Допустим, если отзыв, то можно «review» написать. 

Если нам нужно написать, что в себе несёт этот «textarea», то пишем в атрибуте «placeholder» «Отзыв», и у нас пишется сюда отзыв.

<textarea name="review" placeholder="Отзыв"></textarea>

Единственное отличие, что если нужно написать какое-нибудь значение заготовленное, то если в «input’е» мы писали «value», то «textarea» нужно писать значение между открывающим и закрывающим тегами. 

Хочу заметить, что «textarea» – это парный тег. В отличии от «input’а», у которого только открывающий тег, закрывающего нет. Поэтому, на будущее, «value» мы сюда не пишем, пишем только текст, который, если он нам нужен вообще, то пишем между открывающим и закрывающим тегом. 

Собственно, всё, что мы потом будем изучать по «input’ам» так же относится и к «textarea». Абсолютно такой же тег с той разницей, что пишем его в несколько строк и есть такой вот уголочек, который позволяет изменять размер вот этого нашего тега. Всё.