Разработка форм 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.
- Начальное руководство по разработкеweb-приложений и asp.Net.
- Разработка web-приложений и asp.Net
- Web-приложения и web-серверы
- Что такое виртуальные каталоги?
- Структура документа html
- Форматирование текста средствами html
- Заголовки html
- Html-редактор Visual Studio.Net
- Разработка форм html
- Создаем пользовательский интерфейс
- Добавление изображений
- Клиентские скрипты
- Пример клиентского скрипта
- Реализация проверки введенных пользователем данных
- Передаем данные формы (методы geTиPost)
- Синтаксис строки запроса http
- Создание классической страницы asp
- Принимаем данные, переданные методом post
- Первое приложение asp.Net
- Некоторые проблемы классических asp
- Некоторые преимущества asp.Net
- Пространства имен asp.Net
- Наиболее важные типы пространства имен System.Web
- Приложение и сеанс подключения пользователя
- Создание простого web-приложения на с#
- Исходный файл *.Aspx
- Файл web.Config
- Исходный файл Global.Asax
- Простой код asp.Net на с#
- Архитектура web-приложения asp.Net
- Тип System.Web.Ui.Page
- Связка *.Aspx/Codebehind
- Свойство Page. Request
- Свойство Page.Response
- Свойство Page.Application
- Отладка и трассировка приложений asp.Net
- Элементы управления WebForm
- Создание элементов управления WebForm
- Иерархия классов элементов управления WebForm
- Виды элементов управления WebForm
- Базовые элементы управления WebForm
- Группа переключателей
- Текстовое поле для ввода нескольких строк с полосой прокрутки
- Элементы управления с дополнительными возможности
- Элемент управления Calendar
- Элемент управления AdRotator (баннерная рулетка)
- Элемент управления для работы с источниками данных
- Элемент управления DataGrid
- Еще немного об источниках данных
- Элементы управления для проверки вводимых пользователем данных
- Обработка событий элементов управления WebForm
- Подведение итогов
- Web-cлужбы