html form for,Html辅助方法 之 Form表单标签

一、Html.BeginForm　　

标签

//视图代码

@using (Html.BeginForm("search", "home", FormMethod.Get),new { target="_black",@class="form1" })

{

}

//生成的HTML代码

new里面的叫做htmlAttributes，能够设置本控件的HTML属性，至于class前面加个@是因为class在C#里是关键字。

二、Html.TextBox　　 标签

//视图代码

@Html.TextBox("Age", "23", new { @class="text1" })

//生成的HTML代码

三、Html.TextArea　　标签

//视图代码

@Html.TextArea("textarea1", "我是一个textarea", new { @class="text_style" })

//生成的HTML代码

我是一个textarea

四、Html.Label　　标签

//视图代码

@Html.Label("label1","你好")

//生成的HTML代码

你好

五、Html.DropDownList　　仅允许单选

//视图代码

@{

List list = new List {

new SelectListItem { Text = "启用", Value = "0",Selected = true},

new SelectListItem { Text = "禁用", Value = "1" }

};

}

@Html.DropDownList("state",list,null,new{})

//生成的Html代码

启用

禁用

六、Html.ListBox　　允许多选的

//视图代码为

@{

List list = new List {

new SelectListItem { Text = "启用", Value = "0",Selected = true},

new SelectListItem { Text = "禁用", Value = "1" }

};

}

@Html.ListBox("state",list)

//生成的HTML代码为

启用

禁用

七、Html.Hidden　　

//视图代码

@Html.Hidden("hidden1","我是一个隐藏域",new{});

//输出到浏览器的HTML代码

;

八、Html.Password　　

//视图代码

@Html.Password("password1", 123321, new { @class="class1" })

//生成的HTML代码为

九、Html.RadioButton　　

//视图代码

@Html.RadioButton("radio1",1,false)

@Html.RadioButton("radio1",2,false)

@Html.RadioButton("radio1",3,true)

//生成的HTML代码为

十、Html.CheckBox　　

//视图代码

男人：@Html.CheckBox("check1", true, new { });

女人：@Html.CheckBox("check1", false, new { });

其它：@Html.CheckBox("check1", false, new { });

//生成的HTML代码为：

男人：;

女人：;

其它：;

十一、ActionLink　　　　

@Html.ActionLink("列表页", "list")

//生成的HTML代码

列表页

十二、自动绑定

N、辅助方法在构建UI的同时会帮助绑定到控件

例如：

//这是一个controller

public ActionResult Index()

{

ViewBag.Name = "张三";

return View();

}

//在视图里面有一个

@Html.TextBox("Name");

//浏览器中生成

我们看到，在构建UI的时候，我们设置了一个ViewBag.Name，而同时视图里面又有一个TextBox("Name");在相同名称的情况下，MVC自动为我们绑定了数据。再来看一个：

//后端代码

public class Man

{

public string Name

{

get;

set;

}

}

public ActionResult Index()

{

ViewBag.man = new Man { Name = "张三" };

return View();

}

//视图代码

@Html.TextBox("man.Name")

//生成的HTML代码

留意到，id的名称中的.已经变为下划线，这是以为"."在Id里面是不合法的，也是要留给javascript用的。

【HTML】--- 列表、表格、form表单标签

Html常用标签(2) 上篇博客讲了些常用的html标签 :[HTML]---常用标签(1) 这里主要讲 列表.表格标签和 form表单标签. 一.列表.表格标签 1.列表标签 概念 把内容以列表的形 ...

使用ajax方法实现form表单的提交(附源码)

写在前面的话 在使用form表单的时候,一旦点击提交触发submit事件,一般会使得页面跳转,页面间的跳转等行为的控制权往往在后端,后端会控制页面的跳转及数据传递,但是在某些时候不希望页面跳转,或者说 ...

Unit 2.前端之html--table(表格),form(表单)标签

一.table标签 作用:定义html表格.一个table标签元素至少包含 thead(表头),tbody(表主题),还可以有tfoot(表底部) html表格游table元素及一个或者多个tr,th ...

使用ajax方法实现form表单的提交

作者:13 GitHub:https://github.com/ZHENFENG13 版权声明:本文为原创文章,未经允许不得转载. 写在前面的话 在使用form表单的时候,一旦点击提交触发submit ...

HTML之form表单标签的学习

from表单 表示

form表单域 作用 收集并替提交用户数据给指定服务器 属性 action:收集的数据的提交地址(也就是URL) method:收 ...

[转]SpringMVC<from:form>表单标签和<input>表单标签简介