Многострочное поле textarea

В тех случаях, когда редактируемый текст должен занимать несколько строк, в форме между операторами <textarea> и </textarea> располагают многострочное текстовое поле:

<textarea name="Имя_поля_textarea" rows="Количество_строк" cols="Количество_столбцов" wrap="Режим_свертки_текста" onBlur="Обработчик_события" onChange="Обработчик_события" onFocus="Обработчик_события" onSelect="Обработчик_события"> . . . Отображаемый текст . . .

</textarea>

Здесь с помощью параметра nameвы должны указать имя поля. Оно нужно для того чтобы сценарий JavaScript мог обращаться к свойствам и методам этого поля.

Параметры rows и cols определяют видимый размер многострочного поля редактирования, задавая, соответственно, количество строк и столбцов (количество символов, которые могут поместиться в одной строке).

Параметр wrap задает способ свертки текста и может иметь одно из трех следующих значений:

off - свертка выключена, строки отображаются так, как вводятся;

virtual - строки сворачиваются только при отображении в окне редактирования, но передаются расширению сервера Web и сценарию JavaScript точно в таком виде, в котором вводятся;

physical - при свертке в передаваемый текст записываются символы новой строки.

Однострочное поле password

Для ввода такой информации, как пароли, в формах размещают однострочные поля редактирования типа password:

<input type="password" name="Имя_поля_text" value="Значение" size=Размер_поля>

Для поля password можно указать параметры name, value и size. Заметим, что это поле не может иметь обработчики событий. Параметр name позволяет задать имя поля, которое необходимо для обращения к свойствам объекта password, соответствующего этому полю. С помощью параметра value можно записать в поле произвольную текстовую строку. Параметр size определяет размер (ширину) текстового поля в символах. Это размер видимой части поля. Он не ограничивает длину строки, которую можно ввести в данном поле.

Поле password похоже на поле text, рассмотренное ранее. Главное отличие заключается в том, что символы введенного в этом поле текста заменяются на звездочки.

Задание

Разработайте форму, заполняемую пользователем Internet, на произвольную тематику. При этом должны быть использованы все виды элементов, которые могут присутствовать на форме. Разработайте скрипт, проверяющий правильность заполнения полей формы (не пустые ли они, соответствуют ли типы и диапазоны данных и др.) При неправильном заполнении сообщить, какие поля надо исправить. Если всё заполнено верно, сообщить, что данные отправлены.

Контрольные вопросы

1. Что такое форма?

2. Для чего создают формы?

3. Какие элементы могут быть в форме?

4. Приведите примеры использования форм.

5. Какие свойства имеет форма?

Список использованной литературы

1. Гончаров А. Самоучитель HTML. СПб.:Питер, 2002 -240 с.

2. Панфилов И.В. Самоучитель. Создание Web-сайтов. М.: Триумф, 2008 – 464 с.

3. Хольшлаг. Языки HTML и CSS. М, Триумф, 2006.

4. Глушаков С.В., Жакин И.А., Хачиров Т.С. Программирование Web-страниц. – Харьков: Фолио, 2005 –390 с.

5. Слепцова Л.Д., Бидасюк Ю.М. JavaScript. Самоучитель. М.: Издательский дом «Вильямс», 2007 – 448 с.

6. Соколов С.А. JavaScript в примерах, типовых решениях и задачах. Профессиональная работа. М.: ООО «И.Д. Вильямс», 2006 – 592 с.

7. Пауэлл Т. Web-дизайн.2-е изд.: Спб: БХВ-Петербург, 2005-1072 с.

8. Павлова В.И. Методическое пособие «Гипертекстовый язык разметки документов» по курсу «WEB-технологии». Тольятти, 2005 – 32 с.

9. Тубольцев М.Ф., Путивинцева Н.П., Гурьянова И.В., Немыкина О.В. Лабораторный практикум по Web-технологиям. Часть 1. Основы HTML технологий. Белгород: Изд-во БелГУ, 2003 – 49 с.

10. Дж. Скляр. Актуальные принципы Web-дизайна. М.: ЭКСМО, 2007 – 464 с.

11. Климов А. HTML в примерах, http://changer.newmail.ru.

12. Хейз, Дидре. Освой самостоятельно HTML. 10 минут на урок. М.: ООО «И. Д. Вилямс», 2007 - 272 с.

13. Шегар А.М. CSS - Cascading Style Sheet в примерах. - Internet, http/www.yandex.

14. Модель событий JavaScript - Internet, http/www.rambler.

15. Обработчики событий JavaScript - Internet, http/www.rambler.

16. Бельтикова Н.А. Методы и функции JavaScript - Internet, http/www.rambler.

17. Байенс Д. Примочки программирования WEB./Пер. с англ. - М.: “ЭКОМ”, 2000-.- 341с., ил.

18. Каллахан И. Ваша WEB-страница. Проблемы и решения./Пер с англ. - М.: “ЭКОМ”, 2002-.- 290с., ил.

Internet-ресурсы

1. http://www.html-pedia.narod.ru

2. http://www.Htmlbook.ru

3. http://www.Sdelaysite.com

4. http://www.Html.manual.ru

5. http://www.Htmlcoder.visions.ru

6. http://www.Ru.html.net

7. http://www.Css.manual.ru

8. http://www.Wcode.ru

9. http://www.Xhtml.ru

10. http://www.Forum.htmlbook.ru

11. http://www.Html.by

12. http://www.nettuts.com

13. http://www.webdesign.org

14. http://www.Htmlcodetutorial.com

15. http://www.Htmldog.com

16. http://www.On-line-teaching.com

17. http://www.citforum.ru

18. http://www.w3.org

19. http://www.webtag.ru

20. http://www.intuit.ru

21. http://javascript.ru

22. http://www.wikipedia.com

Наши рекомендации