Последние учебники веб-разработки
×

ASP.NET Руководство

ASP.NET ГЛАВНАЯ ASP.NET вступление

WP Руководство

WebPages вступление WebPages бритва WebPages раскладка WebPages Папки WebPages Глобальный WebPages формы WebPages Объекты WebPages файлы WebPages Базы данных WebPages Помощники WebPages WebGrid WebPages Графики WebPages Эл. адрес WebPages PHP WebPages Публиковать WebPages Примеры

WP Рекомендации

WebPages Классы WebPages Безопасность WebPages База данных WebPages WebMail WebPages Помощники

ASP.NET Razor

Razor вступление Razor Синтаксис Razor C# переменные Razor C# Loops Razor C# логика Razor VB переменные Razor VB Loops Razor VB логика

ASP.NET MVC

MVC вступление MVC заявка MVC Папки MVC раскладка MVC Контроллеры MVC Просмотры MVC База данных MVC модель MVC Безопасность MVC HTML Помощники MVC Публиковать MVC Справка

WF Учебники

WebForms вступление WebForms страницы WebForms управления WebForms Мероприятия WebForms формы WebForms ViewState WebForms Текстовое окно WebForms кнопка WebForms Связывание данных WebForms ArrayList WebForms Хеш-таблица WebForms SortedList WebForms XML файлы WebForms повторитель WebForms DataList WebForms DbConnection WebForms Master страницы WebForms навигация WebForms Примеры


 

ASP.NET Веб-страница - HTML-форма


Форма представляет собой сечение HTML документа , в котором вы положили элементов управления вводом (text boxes, check boxes, radio buttons, and pull-down lists) - (text boxes, check boxes, radio buttons, and pull-down lists)


Создание HTML-страницы ввода

Razor Пример

<html>
<body> 
@{
if (IsPost) { 
string companyname = Request["CompanyName"]; 
string contactname = Request["ContactName"]; 
<p>You entered: <br />
Company Name: @companyname <br />
Contact Name: @contactname </p>
}
else
{
<form method="post" action="">
Company Name:<br />
<input type="text" name="CompanyName" value="" /><br />
Contact Name:<br />
<input type="text" name="ContactName" value="" /><br /><br />
<input type="submit" value="Submit" class="submit" />
</form>
}
}  
</body> 
</html>
Выполнить пример »

Razor Пример - Просмотр изображений

Предположим, у вас есть 3 изображений в папке изображения, и вы хотите, чтобы отобразить изображения динамически по выбору пользователя.

Это легко сделать с помощью небольшого Razor кода.

Если у вас есть изображение под названием "Photo1.jpg" в папке изображений на вашем веб - сайте, вы можете отобразить изображение с помощью HTML <img> элемент , как это:

<img src="images/Photo1.jpg" alt="Sample" />

В приведенном ниже примере показано, как отобразить выбранное изображение, которое пользователь выбирает из выпадающего списка:

Razor Пример

@{
var imagePath="";
if (Request["Choice"] != null)
   {imagePath="images/" + Request["Choice"];}
}
<!DOCTYPE html>
<html>
<body>
<h1>Display Images</h1>
<form method="post" action="">
I want to see:
<select name="Choice">
  <option value="Photo1.jpg">Photo 1</option>
  <option value="Photo2.jpg">Photo 2</option>
  <option value="Photo3.jpg">Photo 3</option>
</select>
<input type="submit" value="Submit" />
@if (imagePath != "")
{
<p>
<img src=" @imagePath " alt="Sample" />
</p>
}
 
</form>
</body>
</html>
Выполнить пример »

Объяснение примера

Сервер создает переменную imagePath .

HTML страница имеет drop-down list (a <select> element) с именем Choice . Это позволяет пользователю выбрать понятное имя (like Photo 1 ) , и передает имя файла (like Photo1.jpg ) , (like Photo1.jpg ) , когда страница передается на веб - сервер.

Razor код считывает значение выбора по Request["Choice"] . Если это имеет значение , код создает путь к изображению (изображения / photo1.jpg, и сохраняет его в переменной imagePath .

На странице HTML есть <img> элемент для отображения изображения. src атрибут установлен в значение переменной ImagePath , когда на странице отображается.

<img> элемент находится в блоке , если для предотвращения пытается отобразить изображение без имени (например , в первый раз отображается страница.