网站地图
  • 网站首页
  • 推荐模板
  • 免费建站
  • 菜鸟站长
  • 建站素材
  • 免费源码
  • 源码入门
  • ASP.NETWebPages-HTML表单-创建一个HTML输入页面-Razor实例

    发布时间: 2022-04-16 09:03首页:a5源码 > 免费建站 > HTML入门 > 阅读()

    ASP.NET Web Pages - HTML 表单

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

    创建一个 HTML 输入页面

    Razor 实例

    <html>
    <body>
    @{
    if {
    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" />
    </form>
    }
    }
    </body>
    </html>


    运行实例 »


    Razor 实例 - 显示图像

    假设在你的图像文件夹中有 3 张图像,你想依据用户的选择动态地显示图像。

    这可以通过一段容易的 Razor 代码来达成。

    假如在你的网站的图像文件夹中有一个名为 "Photo1.jpg" 的图像,你可以用 HTML 的 <img> 元素来显示图像,如下所示:

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

    下面的例子演示了怎么样显示用户从下列列表中选择的图像:

    Razor 实例

    @{
    var imagePath="";
    if
    {imagePath="images/" + Request["Choice"];}
    }
    <!DOCTYPE html>
    <html>
    <body>
    <h3>Display Images</h3>
    <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
    {
    <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 块中,这是为了预防显示没名字的图像,譬如页面首次被加载显示的时候。

    特别声明:文章内容仅供参考,不造成任何投资建议。投资者据此操作,风险自担。

    网站首页 - 推荐模板 - 免费建站 - 菜鸟站长 - 建站素材 - 免费源码 - 源码入门

    未经本站书面特别授权,请勿转载或建立镜像

    Copyright © 2002-2021 a5源码 (http://www.sdsfygt.com) 网站地图 TAG标签