html 辅助标签,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用的。