举报投诉联系我们 手机版 热门标签 名动网
您的位置:名动网 > asp.net form表单提交 ASP.NET Web Pages HTML 表单

asp.net form表单提交 ASP.NET Web Pages HTML 表单

2023-04-13 20:20 ASP.NET教程

asp.net form表单提交 ASP.NET Web Pages HTML 表单

asp.net form表单提交 ASP.NET Web Pages HTML 表单

asp.net form表单提交

本节为你讲解 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> 元素来显示图像,如下所示:

<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 页面有一个名为 Choice下拉列表(<select> 元素)。它允许用户根据自己的意愿选择一个名称(如 Photo 1),当页面被提交到 Web 服务器时,则传递了一个文件名(如 Photo1.jpg)。

Razor 代码通过 Request["Choice"] 读取 Choice 的值。如果通过代码构建的图像路径(images/Photo1.jpg)有效,就把图像路径赋值给变量 imagePath

在 HTML 页面中,<img> 元素用来显示图像。当页面显示时,src 属性用来设置 imagePath 变量的值。

<img> 元素是在一个 if 块中,这是为了防止显示没有名称的图像,比如页面第一次被加载显示的时候。

相关文章

HTML表单

阅读全文
以上是名动网为你收集整理的asp.net form表单提交 ASP.NET Web Pages HTML 表单全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
  • luaif语句 Lua break 语句

    luaif语句 Lua break 语句

    2023-06-02 Lua教程

    Lua break 语句 Lua 循环Lua 编程语言 break 语句插入在循环体中,用于退出当前循环或语句,并开始脚本执行紧接着的语句。如果你...

  • lua函数大全 Lua 函数

    lua函数大全 Lua 函数

    2023-06-01 Lua教程

    在Lua中,函数是对语句和表达式进行抽象的主要方法。既可以用来处理一些特殊的工作,也可以用来计算一些值。 Lua 提供了许多的内...

  • ruby console Ruby DBI Read 操作

    ruby console Ruby DBI Read 操作

    2023-03-16 Ruby教程

    Ruby DBI Read 操作DBI 提供了一些从数据库获取记录的不同方法。假设 dbh 是一个数据库句柄,sth 是一个语句句柄:序号方法 & 描...

  • ruby安装及环境配置 Ruby 安装 – Unix

    ruby安装及环境配置 Ruby 安装 – Unix

    2023-03-31 Ruby教程

    下面列出了在 Unix 机器上安装 Ruby 的步骤。注意:在安装之前,请确保您有 root 权限。下载最新版的 Ruby 压缩文件。请点击这里...

  • r语言 break R语言 break语句

    r语言 break R语言 break语句

    2023-06-18 R语言教程

    R语言中的break语句有以下两种用法:当在循环中遇到break语句时,循环立即终止,并且程序控制在循环之后的下一语句处恢复。它可...

© 2024 名动网 mdwl.vip 版权所有 联系我们