Создаем пользовательский интерфейс
Первое, что нужно сделать, чтобы наша страница могла воспринимать ввод пользователя, — создать на ней форму HTML. Для этого поместим на страницу следующий код:
<HTML>
<HEAD>
<TITLE>HTML is unavoidable</TITLE>
<META NAME="GENERATOR" Content - "Microsoft Visual Studio">
<META HTTP-EQUIV="Content-Type" content="text/html">
</HEAD>
<BODY BGCOLOR="66ccff">
<!- Приглашение пользователю к аутентификации ->
<center>
<hl>The Cars Login Page</hl>
<br>
<h3>Please enter your <i>user name</i> and <i>password</i>.</h3>
<!- Создаем форму для ввода пользователей информации ->
<form name = MainForm>
</form>
</center>
</BODY>
</HTML>
Форма создана, теперь можно приступать к добавлению в нее элементов управления. Это можно сделать при помощи графических средств Visual Studio.NET, а можно создать все необходимые теги вручную. Каждый элемент управления описывается атрибутом имени (имя используется при выполнении программы, чтобы определить, в какой элемент управления были введены данные) и атрибутом типа (этот атрибут и определяет разновидность элемента управления). Для разных элементов управления существуют разные наборы дополнительных атрибутов, которые могут быть использованы для определения различных их параметров. Конечно же, эти дополнительные параметры можно также настроить при помощи окна свойств для этого элемента управления в Visual Studio.
Наша форма будет содержать два текстовых поля (одно — для ввода имени пользователя, другое, специальное парольное — для ввода пароля) и две кнопки — для передачи информации на сервер и для восстановления формы в исходном состоянии, если пользователь решил отменить свой ввод. Вот код HTML для нашей формы (" " определяет вставку символа пустого пространства):
<form name=MainForm>
<p>User Name:
<input id = txtUserName type = text></p>
<p>Password:
<input name = txtPassword type = password></p>
<input name = btnSubmit type = submit value = Submit>
<input name = btnReset type = reset value = Reset>
</form>
Для каждого элемента управления мы определили уникальное имя (txtUserName, txtPassword, btnSubmit и btnReset). Кроме того, для каждой кнопки мы определили очень важный атрибут value (значение), value = Reset означает, что все элементы управления на форме вернутся в исходное состояние, a value = Submit — что данные, введенные пользователем, отправятся получателю.
Атрибут value можно применять не только для кнопок. Например, мы можем определить атрибут value для текстового поля txtUserName (рис. 14.14).
Рис. 14.14. Установка атрибута value для элемента управления
Если мы определим для txtUserName атрибут value = Chucky, то это значит, что слово Chucky станет значением по умолчанию для этого текстового поля и оно будет помещаться в поле всякий раз при загрузке формы (рис. 14.15).
Рис. 14.15. Применение значения по умолчанию для текстового поля
- Начальное руководство по разработке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лужбы