logo search
[ПСП] / lab22

Разработка форм html

Будем считать, что с оформлением нашей страницы мы уже разобрались. Теперь настало время наделить ее новыми свойствами — возможностью принимать ввод пользователя. Для этого нам придется прибегнуть к помощи элементов управления HTML. Как мы увидим дальше, в среде ASP.NET предусмотрен набор элементов управления WebForm, при применении которых все необходимые теги для элемен­тов управления HTML будут генерироваться автоматически. Однако знакомство с тегами для создания элементов управления HTML также будет нелишним. Еще раз подчеркнем, что элементы управления WebForm в ASP.NET и элементы управ­ления HTML — это разные вещи, и в процессе выполнения web-приложения эле­менты управления WebForm преобразуются в элементы управления HTML.

Форма HTML — это именованная группа элементов пользовательского интер­фейса HTML, используемых для ввода пользователем данных. Затем эти данные передаются на web-сервер по протоколу HTTP (подробнее об этом — чуть позже). Теги для элементов пользовательского интерфейса на форме HTML помещаются между тегами <form> и </form>:

<form name = MainForm id = MainForm>

<!- Add UI elements here ->

</form>

В этом коде мы создали форму и присвоили ей, во-первых, дружественное имя, а во-вторых, идентификатор. С технической точки зрения использовать имя в прин­ципе не обязательно, однако во многих ситуациях это очень удобно.

Как правило, в открывающий тег <form> помещается атрибут для действия, выполняемого этой формой. В нем содержится информация об адресе URL, на который будут передаваться данные, введенные пользователем, а также сведе­ния о методе передачи данных (POST или GET). Мы вскоре рассмотрим эти мо­менты достаточно подробно, а пока давайте рассмотрим те элементы, которые могут быть помещены внутрь формы HTML. В Visual Studio.NET предусмотре­на специальная панель HTML Toolbox, в которой мы можем выбрать эти элемен­ты (рис. 14.13).

Рис. 14.13. Элементы управления HTML

Краткий перечень наиболее часто используемых элементов представлен в табл. 14.1.

Элемент управления

Описание

Button

Эта разновидность кнопки обычно используется для того, чтобы выполнить отрезок кода клиентского скрипта. Для отправки данных на web-сервер используется специальная кнопка Submit Button, а для возврата формы в исходное состояние — Reset Button

Checkbox RadioButton Listbox Dropdown

To же самое, что и аналогичные элементы управления Windows Forms

Image

Позволяет указать изображение, которое будет выведено на форме

Reset Button

Специальная кнопка на форме, при нажатии на которую все значения в форме принимают свой исходный вид

Submit Button

Еще одна специальная кнопка, при нажатии на которую производится отправка данных формы на web-сервер

TextField TextArea

Эти элементы управления предназначены для ввода пользователем одной строки текста или нескольких строк

Password Field

Специальное текстовое поле, предназначенное для ввода пользователем пароля. Все символы в этом поле отображаются звездочками

В библиотеке базовых классов .NET предусмотрен набор типов .NET, которые соответствуют элементам управления HTML. Они определены в пространстве имен System.Web.UI.HtmlControls.