Текстовое поле

HTML формы

Формы дают возможность пользователям вводить информацию. Вам наверно, не раз встречались всевозможные тесты, опросы, голосования. Для того, чтобы все это сделать на своих web-страницах и нужны формы.

Здесь следует заметить, что html-формы сами по себе только позволяют вводить информацию, а вот обрабатывать ее HTML не умеет (это все-таки язык разметки, а не программирования). Для обработки информации используются такие языки, как javascript, php и другие.

Но всему свое время, пока мы научимся добавлять html-формы на свои страницы, а обрабатывать информацию из них будем учиться в других уроках, посвященных, например, javascript.

Итак, в html форма задается тегами < form> < /form>. Все остальные элементы формы располагаются между этими тегами.

У тега < form> есть несколько параметров:

• name - имя формы. Необходимо, если на странице несколько форм
• action - определяет URL-адрес, по которому будет отправлена информация введеная пользователем
• method - определяет способ отправки информации
• target - указывает имя окна, в котором будут отображаться результаты обработки отправленной формы

На данном этапе можете не очень вникать в эти параметры, их назначение станет очевидным при изучении языков обработки данных. А пока запомните, что все элементы формы располагаются между тегами < form> < /form>:

< form name=" forma1" >

< /form>

Текстовое поле

Простое однострочное текстовое поле, в которое можно вводить и редактировать текст. Задается тегом < input>

< form name=" forma1" >

< input type=" text" name=" text1" size=" 20"

maxlength=" 50" value=" Введите текст" >

< /form>

Результат:

Начало формы

Конец формы

Параметры:

• name - имя элемента,
• type - тип элемента (в данном случае - text),
• size - размер текстового поля в символах, которые одновременно будут видны, при вводе большего количества символов, они будут прокручиваться,
• maxlength - максимальное количество символов, которое можно ввести в поле, если опустить этот параметр, то число символов будет неограниченным,
• value - текст, который будет отображаться (его можно стереть), при отсутствии этого параметра поле будет пустым.

Возможны еще два параметра:

• disabled - блокирует поле от любых изменений,
• readonly - делает поле доступным только для чтения.

Пример:

< form name=" forma1" >

< input type=" text" name=" text1" size=" 20"

maxlength=" 50" value=" неактивное поле" disabled>

< input type=" text" name=" text1" size=" 20"

maxlength=" 50" value=" только для чтения" readonly>

< /form>

Результат:

Начало формы

Конец формы