ASP.NET Core MVC中Form Tag Helpers用法介绍
简介
我们已经介绍过Tag Helpers以及一些最常用的Tag Helpers,也谈到了缓存Tag Helpers。在这篇文章中,我们将讨论表单Tag Helpers。
HTML或Web表单通过使用各种HTML元素用于收集来自用户的输入,如输入框、复选框、单选按钮、下拉列表等。使用 <form> 元素时,我们通常使用POST请求。虽然也可以使用GET请求,不过GET请求建议提交于少量、非敏感的数据来获取数据。
ASP.NET Core MVC提供了一些Form Tag Helpers,让我们看看最重要的是什么。
Form Tag Helper
当我们使用<form>元素时,ASP.NET Core MVC会自动添加防御CSRF攻击保护措施;它通过生成隐藏的请求验证令牌以防止CSRF攻击。
看一个简单的例子:
此代码输出的界面如下:
然而,这并不是全部,在幕后发生了什么:
请注意在HTTP Post操作方式中,RequestVerificationToken 与内置的[ValidateAntiForgeryToken]
属性一起工作,同时,该请求方法会被标记为post方式。
Form Tag Helper的还提供了asp-route-{ParameterName}属性,其中参数名称为被添加到路由的值;并且还提供了@Html.BeginForm
和@Html.BeginRouteForm
另一种清晰的替代方式。
如果我们添加一个自定义路由:
并将表单修改为如下:
我们得到以下HTML:
它将执行与刚才指定的 controller 和 action 方法。
这是使用旧的HTML Helpers语法:
@using (Html.BeginForm("Edit", "Categories")) { }
新的语法是:
<form asp-action="Edit" asp-controller="Categories">{ }
第一个可能看起来更短更好,但第二个更自然,对于设计师或一名JS开发人员来说,在使用Angular、React的过程中,这将会更加自然。
Input Tag Helper
这一个很简单,它是@Html.EditorFor(m => m.Name)
的替代方式。
假设我们有一个具有 Name 属性的视图模型:
<input asp-for="Name" />`
会产生如下代码:
<input type="text" id="Name" name="Name" />
Label Tag Helper
这一个也很简单,它是@Html.LabelFor(m => m.Name)
的替代方式。
它与输入框Tag Helper配合使用:
<input asp-for="Name" /> <label asp-for="Name" />
与其它一样,也具有智能感知功能,一旦您开始键入,就会检测属性的名称:
如果我们将 Display 特性应用于 Name 属性:
这是我们将获得的HTML内容:
<label for="Name">Category Name</label>
TextArea Tag Helper
这一个非常类似于Input Tag Helper:
以下Razor代码:
<textarea asp-for="Name"></textarea>`
我们将得到以下输出:
Validation Message Tag Helper
我们使用Validation Tag Helper为我们的视图模型的属性显示验证消息,使用方式也很简单:
<span asp-validation-for="Name"></span>
我们得到的HTML:
<span class="field-validation-valid" data-valmsg-for="Name" data-valmsg-replace="true"></span>
到此这篇关于ASP.NET Core MVC中Form Tag Helpers用法的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
让Silverlight 2.0动画动起来Making Silverlight 2.0 animation Start(
Microsoft Expression Blend 2 制作动画个人感觉倒像3DMAX 可以自动捕捉关键帧2008-11-11Entity Framework使用Code First模式管理数据库
本文详细讲解了Entity Framework使用Code First模式管理数据库的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2022-03-03Entity Framework Core中执行SQL语句和存储过程的方法介绍
这篇文章介绍了Entity Framework Core中执行SQL语句和存储过程的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2022-02-02读取XML并绑定至RadioButtonList实现思路及演示动画
读取XML的文档,可以使用System.Data.DataSet类别中的ReadXml()方法,在aspx网页上拉一个RadioButtonList控件,用来显示XML的数据,接下来,用DataSet去读取刚才写好的获取XML文件的属性,即可完成2013-01-01ASP.NET中GridView和Repeater重复数据如何合并
这篇文章主要介绍了ASP.NET中GridView和Repeater重复数据合并的方法,感兴趣的小伙伴们可以参考一下2016-08-08
最新评论