ASP.NET MVC View中的标签(tag)

时间:2021-06-14 13:58:30

在编辑View的时候会用到各种HTML标签,如<a>,<input>,<p>等待,这些标签在ASP.NET MVC中都有对应的编程语法,它叫Razor,它是帮助我们动态的生成HTML标签,好处是可以绑定数据。

现在就让我们来复习一下HTML标签的用法:<input>, 因为它是最常用的表单标签之一,所以先从它开始。

可以移步:http://www.w3cschool.cn/htmltags/tag-label.html 看下它的定义。

基本都是用于接收用户输入的数据,以便用表单发送给后台程序处理,在asp.net mvc 中,应该是提交给Controller 的action 方法处理。

<input>标签根据type属性值的不同,表现形式也不同,可以移步这里:http://www.w3cschool.cn/htmltags/att-input-type.html

例如:

<input type="text" /> ASP.NET MVC View中的标签(tag) 默认。定义一个单行的文本字段(默认宽度为 20 个字符)。
<input type="button" value="按钮显示文本">  ASP.NET MVC View中的标签(tag)  定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)。
 <input type="checkbox">文本  ASP.NET MVC View中的标签(tag)  定义复选框。
 <input type="file">  ASP.NET MVC View中的标签(tag)  定义文件选择字段和 "浏览..." 按钮,供文件上传。
 <input type="hidden">    定义隐藏输入字段。用于用户不需要看到,但应用程序需要的值
 <input type="image" src="http://www.cnblogs.com/images/logo_small.gif" >  ASP.NET MVC View中的标签(tag)  定义图像作为提交按钮。
 <input type="password">  ASP.NET MVC View中的标签(tag)  定义密码字段(字段中的字符会被遮蔽)。
 <input type="radio">单选按钮  ASP.NET MVC View中的标签(tag)  定义单选按钮。
 <input type="submit" value="提交按钮">  ASP.NET MVC View中的标签(tag)  定义提交按钮。
 还有其他HTML5的高级标签等。。。      

上面的每个标签都会对应一个ASP.NET MVC HtmlHelper方法,它们有很多重载

如<input type="text">单行文本输入框,对应的是@Html.TextBox("name") 动态生成的标签为:<input id="name" name="name" type="text" value="">

下列是重载列表

方法名称 说明  
TextBox(HtmlHelper, String) 通过使用指定的 HTML 帮助器和窗体字段的名称,返回文本 input元素。  
TextBox(HtmlHelper, String, Object) 通过使用指定的 HTML 帮助器、窗体字段的名称和值,返回文本input 元素。  
TextBox(HtmlHelper, String, Object, IDictionary<String, Object>) 通过使用指定的 HTML 帮助器、窗体字段的名称、值和 HTML 特性,返回文本 input 元素。  
TextBox(HtmlHelper, String, Object, Object) 通过使用指定的 HTML 帮助器、窗体字段的名称、值和 HTML 特性,返回文本 input 元素。  
TextBox(HtmlHelper, String, Object, String) 返回文本 input 元素。  
TextBox(HtmlHelper, String, Object, String, IDictionary<String, Object>) 返回文本 input 元素。  
TextBox(HtmlHelper, String, Object, String, Object) 返回文本 input 元素。