ASP.NET Web Pages - HTML 表单

表单是 HTML 文档中放置输入控件（文本框、复选框、单选按钮、下拉列表）的部分。

创建一个 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> 元素来显示图像，如下所示：

下面的例子演示了如何显示用户从下列列表中选择的图像：

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>