ASP.NET MVC View中的标签(tag)
在编辑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" /> | ![]() |
默认。定义一个单行的文本字段(默认宽度为 20 个字符)。 |
| <input type="button" value="按钮显示文本"> | ![]() |
定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)。 |
| <input type="checkbox">文本 | ![]() |
定义复选框。 |
| <input type="file"> | ![]() |
定义文件选择字段和 "浏览..." 按钮,供文件上传。 |
| <input type="hidden"> | 定义隐藏输入字段。用于用户不需要看到,但应用程序需要的值 | |
| <input type="image" src="http://www.cnblogs.com/images/logo_small.gif" > | ![]() |
定义图像作为提交按钮。 |
| <input type="password"> | ![]() |
定义密码字段(字段中的字符会被遮蔽)。 |
| <input type="radio">单选按钮 | ![]() |
定义单选按钮。 |
| <input type="submit" value="提交按钮"> | ![]() |
定义提交按钮。 |
| 还有其他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 元素。 |
ASP.NET MVC View中的标签(tag)的更多相关文章
- 【记录】ASP.NET MVC View 移动版浏览的奇怪问题
ASP.NET MVC View 中的一段代码: <span id="span_Id">@Model.ID</span> 没什么问题吧,浏览器浏览正常,查看 ...
- C# 6 与 .NET Core 1.0 高级编程 - 41 ASP.NET MVC(中)
译文,个人原创,转载请注明出处(C# 6 与 .NET Core 1.0 高级编程 - 41 ASP.NET MVC(中)),不对的地方欢迎指出与交流. 章节出自<Professional C# ...
- 【初学者指南】在ASP.NET MVC 5中创建GridView
介绍 在这篇文章中,我们将会学习如何在 ASP.NET MVC 中创建一个 gridview,就像 ASP.NET Web 表单中的 gridview 一样.服务器端和客户端有许多可用的第三方库,这些 ...
- [转]在 ASP.NET MVC 4 中创建为移动设备优化的视图
原文链接 https://msdn.microsoft.com/zh-cn/magazine/dn296507.aspx 如果深入探讨有关编写移动设备网站的常识性考虑因素,会发现其中有一种内在矛盾. ...
- ASP.Net MVC View
ASP.Net MVC View(视图) View视图职责是向用户提供界面.负责根据提供的模型数据,生成准备提供给用户的格式界面. 支持多种视图引擎(Razor和ASPX视图引擎是官方默认给出的, ...
- asp.net MVC 框架中控制器里使用Newtonsoft.Json对前端传过来的字符串进行解析
下面我用一个实例来和大家分享一下我的经验,asp.net MVC 框架中控制器里使用Newtonsoft.Json对前端传过来的字符串进行解析. using Newtonsoft.Json; usin ...
- ASP.NET MVC项目中App_Code目录在程序应用
学习ASP.NET MVC,如果你是开发ASP.NET MVC项目的,也许你去为项目添加前ASP.NET项目的APP_Code目录,在这里创建与添加的Class类,也许你无法在MVC项目所引用. 那这 ...
- 在ASP.NET MVC应用中开发插件框架(中英对照)
[原文] Developing a plugin framework in ASP.NET MVC with medium trust [译文] 在ASP.NET MVC应用中开发一个插件框架 I’v ...
- 在ASP.NET MVC项目中使用极验验证(geetest)
时间 2016-03-02 18:22:37 smallerpig 原文 http://www.smallerpig.com/979.html 主题 ASP.NET MVC geetest开发体 ...
随机推荐
- HDU3488 Tour
Tour Time Limit: 3000/1000 MS (Java/Others) Memory Limit: 65535/65535 K (Java/Others) Total Submi ...
- 第80讲:List的泛型分析以及::类和Nil对象
今天我们学习一下scala中的列表,List. 通过源码,我们可以发现,List类型是协变的,所以我们可以把Int类型的List赋值给Any型的List. 我们可以看到,List定义下有3个比较重要的 ...
- java并发编程基础-ReentrantLock及LinkedBlockingQueue源码分析
ReentrantLock是一个较为常用的锁对象.在上次分析的uil开源项目中也多次被用到,下面谈谈其概念和基本使用. 概念 一个可重入的互斥锁定 Lock,它具有与使用 synchronized 相 ...
- hdu 3015
这个题给你一堆树,每棵树的位置x和高度h都给你 f[i]代表这棵树的位置排名,s[i]代表这棵树的高度排名 问你任意两棵树的(f[i] - f[j])*min(s[i],s[j])和 (f[i]-f[ ...
- CSS 基础 例子 图片拼合技术
利用background-position xpos ypos 就是以图片的左上角顶点为原点,往下和右都为正,反之为负,移动图片 如: background-position: 15px 20px;( ...
- ASP.NET Web API 框架研究 Self Host模式下的消息处理管道
Self Host模式下的ASP.NET Web API与WCF非常相似,都可以寄宿在任意类型的托管应用程序中,宿主可以是Windows Form .WPF.控制台应用以及Windows Servic ...
- MarkdownPad 2 for Windows 10 预览问题解决方案。
知乎问题: Windows 10 下 MarkdownPad2 预览无法显示是怎么回事? 文章提供的解决方法可以奏效.具体如下: 在我的 Win10 上测试了一次,确实会遇到这个问题,官方的说法是从 ...
- 使用WPF制作视频监控多画面切换
前言 曾有做过一个产品,有一个功能是视频监控模块,视频监控首先想到的是视频多画面切换功能,由于前端是用WPF开发的,所以当时就做了一个多画面切换组件,效果如下: 功能设计前提: 由于要使用海康大华天地 ...
- 【javascript】您好, 您要的ECMAScript6速记套餐到了 (一)
[前言]本文“严重参考” 自阮一峰老师写的ES6文档,在此我郑重感谢他沉默无声的帮助 总结一下ES6为 javascript中的 对象/数组/函数 这JS三巨头所提供的更简洁优雅的书写方式,以及扩展的 ...
- 201621123018《java程序设计》第11周作业总结
1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结多线程相关内容. 2. 书面作业 本次PTA作业题集多线程 1. 源代码阅读:多线程程序BounceThread 1.1 BallR ...







