69680

ТЕГ TEXTAREA

Доклад

Информатика, кибернетика и программирование

Ми переходимо до розгляду багаторядкового поля введення. У HTML ця можливість реалізується за допомогою тега TEXTAREA. Поле, що створюється цим тегом, дозволяє вводити і відправляти не один рядок, а відразу декілька.

Украинкский

2014-10-08

113 KB

0 чел.

Тема 12: ТЕГ TEXTAREA

Ми переходимо до розгляду багаторядкового поля введення. У HTML ця можливість реалізується за допомогою тега TEXTAREA. Поле, що створюється цим тегом, дозволяє вводити і відправляти не один рядок, а відразу декілька. Формат тега TEXTAREA такий:

<textarea

name=имя

[со1s=ширина   в   символах]

[rows=висота   в   символах]

wrap=тип_переносу >Текст   за умовчанням   </textarea>

Декілька зауважень щодо використання атрибутів: необов'язкові параметри cols і rows бажано указувати. Перший з них задає кількість символів в рядку, а другою — кількість рядків в області. Атрибут wrap визначає, як виглядатиме текст в полі введення:

Virtual — праворуч від текстового поля виводиться смужка прокрутки. Текст, що вводиться користувачем, виглядає розбитим на рядки, а символ нового рядка вставляється при натисненні клавіші Enter.

Physical — цей тип залежить від браузера і в різних браузерах може поводитися по-різному.

None — текст виглядає в полі в тому вигляді, в якому користувач його вводить.  Якщо текст не уміщається в один рядок, з'являється горизонтальна смужка прокрутки.

Варто відмітити, що найбільш зручним є тип Virtual. Зовнішній вигляд поля можна побачити на мал.

Мал. Поле TEXTAREA

Тег SELECT

Списки з єдиним вибором

Досить часто нам потрібно представити які-небудь дані у вигляді списку і передбачити можливість вибору в цьому списку. У HTML це реалізується у вигляді списків вибору, створювати які можна за допомогою тега SELECT. Список вибору дозволяє вибрати один варіант з множини. Можна було б використовувати залежні перемикачі radio, але це не дуже раціонально. Наприклад, якщо нам потрібно, щоб користувач вибрав місяць, то один список займатиме набагато менше місця у вікні браузера, чим цілих дванадцять перемикачів radio. Ось приклад списку вибору, реалізованого за допомогою тега SELECT:

<select   name=month   size=l>

<option value=01  >Січень></option>

<option value=02>Лютий</орЬ1оп>

<option value=03>Березень </option>

<option value=04>Квітень</option>

<option value=05   selected   >Травень</option>

<option value=06> Червень</option>

<option value=07> Липень </optioп>

<option value=08> Серпень </option>

<option value =0 9>Вересень</option>

<option value=10>Жовтень</option>

<option value=ll>Листопад</option>

<option value=12>Грудень</option>
</select>

Як видно, варіанти вибору задаються за допомогою тегов option. При відправці форми сценарію буде відіслано значення value вибраного елементу списку.

Мал. 6.5. Тег SELECT. Список з єдиним вибором

Атрибут name визначає ім'я параметра, який буде переданий сценарію. Якщо атрибут size рівний 1, то список буде випадним. Інакше список займатиме п рядків і буде «оснащений» полосй прокрутки. Значення, вибране в списку за умовчанням, можна вказати за допомогою атрибуту selected для відповідного тега option. У приведеному прикладі місяць за умовчанням — Травень (мал. 6.5).

Атрибут value є необов'язковим. Якщо його не вказати, то буде переданий рядок, увязнена в тег option. У нашому випадку сценарію буде переданий параметр month=CeHTH6pb (якщо value не вказаний).

Списки множинного вибору

За допомогою тега SELECT можна створювати і списки множинного вибору. У таких списках можна вибрати не одне, а відразу декілька значень. Щоб зробити список з множинним вибором, необхідно для тега SELECT вказати атрибут multiple.

Якщо користувач вибере декілька варіантів, то сценарію будуть передані параметри у формі:

имя=значение&имя=значение...&имя=значение

Мал.  6.6.  Тег SELECT. Список з множинним вибором

Про те, як обробити такі параметри за допомогою РНР, ви дізнаєтеся нижче, в п. 6.2. Приклад використання списку множинного вибору показаний на мал. 6.6.


 

А также другие работы, которые могут Вас заинтересовать

68049. Виховний захід: «Інформація» 173 KB
  Після того як перший учасник закінчив розповідь він займає місце в аудиторії слухачів. Визначте хто яке місце зайняв якщо відомо що Галя зайняла друге місце Наталя хоч і не стала переможцем але в призери попала а Віра програла Ані. Аня Віра Галя Наталя 1 місце 2 місце 3 місце...
68050. Конкурс кмітливих та винахідливих «Мій розпорядок дня» 36 KB
  - Heute haben wir Wiederholungsstunde zum Thema «Unser Tageslauf». - Sagt, an welchem Thema haben wir gearbeitet? - Woruber haben wir zu diesem Thema gesprochen? - An welchem grammatischen Stoff haben wir in dieserZeit gearbeitet (Perfekt)?
68051. Конкурс юних філологів (сценарій виховного заходу для учнів 8 класу) 54.5 KB
  Наша мова найважливіша частина не лишень нашої поведінки а й нашої особистості нашої душі розуму Сьогодні тут зібралися справжні українці шанувальники мови знавці рідного слова. Сьогодні я пропоную вам демонструючи свої знання з мови ще й зібрати з нашого незвичайного фруктового дерева...
68052. “Птахи - наші вірні друзі.” Зустрічаємо птахів 77.5 KB
  Розширити та поглибити знання учнів про світ птахів вчити дітей вдумливо дбайливо ставитися до навколишнього середовища замислюватися над наслідками своїх дій. Виховувати любов до природи бажання оберігати птахів інтерес до усної народної творчості.
68053. Конспект виховної години на тему: «Безсердечна людина» 29 KB
  Дякуємо за гарну інсценізацію хто скаже як можна назвати головного героя одним словом А що означає безсердечна людина Назвіть вчинки які може зробити безсердечна людина. Діти а зараз давайте дамо характеристику слову безсердечна яка це людина запис на дошці зла погана чорна...
68054. Утворення трицифрових чисел. Читання чисел, записаних у нумераційній таблиці. Додавання чисел різних розрядів. Задача на спільну роботу 74.5 KB
  Мета: розвивати вміння розв’язувати задачі на спільну роботу; розвивати логічне мислення; розвивати соціальну компетентність школярів; закріплювати знання натурального ряду чисел у межах 1000 і розрядний склад трицифрових чисел; виховувати інтереси до знань і бажання пізнавати таємниці математики...
68057. Влияние экономических реформ Петра I на развитие нашего края 84 KB
  Воспитать интерес к истории своего края через понимание роли Вологодской области в истории всей страны в эпоху Петра I; 3. Задачи: актуализировать знания обучающихся по теме Экономика при Петре I; познакомить обучающихся с пребыванием Петра I в нашем крае; сформировать знания обучающихся о развитии...