Per koci ru ad astra!

Курс HTML :: Формы: Текстовая область (textarea). Урок 17.

Настройка сайта

Проверка javascript.

Светофор, свет красный

В текущей ситуации, на вашем компьютере, данном браузере, при данной конфигурации вы не можете использовать программы, написанные на javascript.

Вероятные причины проблемы: в настройках браузера отключена возможность выполнения javascript и/или в данный момент имеются проблемы подключения к Интернету.

Решение проблемы: устраните причины, указанные выше и нажмите CTRL-F5 для перезагрузки софта и контента этой странички.

Должно помочь.


Рекомендую курсы
Рекомендаций не видно по причине отключенного javascript.


Домен inumo.ru


Урок 17. Формы: Текстовая область (textarea).
HTML - основа основ Интернета. Базовый курс. Формы: Текстовая область (textarea). Урок 17. Текстовая область (textarea) задается парным тегом <textarea></textarea>. Между тегами <textarea>поместить какой-то первоначальный текст</textarea>, этот текст и будет отображаться в текстовой области после загрузки странички. Атрибут name должен быть у тега <textarea>. Этот атрибут определяет имя переменной, которое будет передано обработчику. Атрибут cols в текстовой области <textarea> определяет количество колонок. Атрибут rows в текстовой области <textarea> определяет количество строк.
© Перепечатка разрешается с установкой ссылки на ресурс http://koci.inumo.ru
17. Формы: Текстовая область (textarea).
Текстовая область (textarea) задается парным тегом <textarea></textarea> и вот именно эту парность труднее всего логически понять, а значит, запомнить. Действительно, тег <textarea> очень напоминает ранее изученный нами тег <img />. Напоминает именно своей неразрывностью, но все-таки, тег <img /> - непарный, а тег <textarea></textarea> - парный. Почему так? Потому, что мы можем между тегами <textarea>поместить какой-то первоначальный текст</textarea>, этот текст и будет отображаться в текстовой области после загрузки странички.

Все остальное в теге <textarea></textarea> проще понять и запомнить.

Особенности данного функционала следующие:
  1. name="text" - атрибут name должен быть у тега <textarea>. Этот атрибут определяет имя переменной, которое будет передано обработчику.
  2. id="text" - атрибут id в данном случае мы будем использовать, чтобы определить в соответствующем теге <p></p> описание для нашей текстовой области с помощью конструкции <label for="text">. При клики пользователя на текст между тегами <label for="text"></label> будет активирована наша текстовая область.
  3. cols="72" - атрибут cols в текстовой области <textarea> определяет количество колонок.
  4. rows="8" - атрибут rows в текстовой области <textarea> определяет количество строк.
Напишем теперь коды для установки на тестовую страничку:
<p><label for="text">Поделитесь своими наработками в экономии времени:</label></p>
<p><textarea name="text" id="text" cols="72" rows="8">Тестовый текст...</textarea></p>
Наша тестовая страничка после данного урока:
article_017.html ← кликните, чтобы посмотреть, как выглядит пример на данном сайте...
article_017.zip ← скачайте пример, чтобы установить на свой сайт...


*** Машина-Функционал для передвижения по страничкам курса HTML ***
:: :: /

Вы кликнули поясняющий рисунок, который показывает, как работает тот или иной функционал. Кликать эти рисунки не надо, нет смысла.

Эти рисунки надо просто смотреть, а тексты к ним читать. Кликать кнопки следует на самом функционале.

Тропинка к данной страничке:
ГлавСтр :: Урок_00 :: Урок_01 :: Урок_01.4 :: Лаба_1 :: Урок_01.5 :: Урок_01.6 :: Урок_02 :: Урок_03 :: Урок_04 :: Урок_05 :: Урок_06 :: Урок_07 :: Урок_08 :: Урок_09 :: Урок_10 :: Урок_11 :: Урок_12 :: Урок_13 :: Урок_14 :: Урок_15 :: Урок_16 :: Урок 17

Следующие странички, рекомендуемые для посещения и изучения:
Урок 18

Страничка сделана на основе контента курса HTML сайта kocby.ru

© KOCI.INUMO.RU :: перепечатка материалов разрешается с указанием ссылки на домен KOCI.INUMO.RU ©