.NET MVC第五章、模型绑定获取表单数据

举报
红目香薰 发表于 2022/09/29 15:43:54 2022/09/29
【摘要】 ​ ​编辑.NET MVC第五章、模型绑定获取表单数据目录.NET MVC第五章、模型绑定获取表单数据Html.ActionLink超链接Html.ActionLink示例HTML辅助方法生成表单Html.ActionLink超链接输出超链接使用的HTML辅助方法是Html.ActionLink,常见的有以下3种写法:@Html.ActionLink("超链接1","函数名称")@Html....

 编辑

.NET MVC第五章、模型绑定获取表单数据


目录

.NET MVC第五章、模型绑定获取表单数据

Html.ActionLink超链接

Html.ActionLink示例

HTML辅助方法生成表单



Html.ActionLink超链接

输出超链接使用的HTML辅助方法是Html.ActionLink,常见的有以下3种写法:

@Html.ActionLink("超链接1","函数名称")

@Html.ActionLink("超链接2","函数名称","控制器名称")

@Html.ActionLink("超链接3","函数名称", new { userName = "admin", age = 12 })

Html.ActionLink示例

控制器

public ActionResult Index(string userName,int? age=2)
{
    ViewBag.userName = userName;
    ViewBag.age = age;
    return View();
}

视图层 

@Html.ActionLink("超链接1", "Index")
<hr />
@Html.ActionLink("超链接2", "Index", "Test")
<hr />
@Html.ActionLink("超链接3", "Index", new { userName = "admin", age = 12 })

<hr/>
@ViewBag.userName
<br/>
@ViewBag.age

效果:

链接1、2直接访问,在url上可以看到,并且age的默认值是2,链接3显示admin与age的12,说明超链接符合预期。

编辑

HTML辅助方法生成表单

HTML辅助方法

说明

Html.BeginForm()        

输出<form>标签

Html.CheckBox()  

输出<input type="checkbox">标签

Html.DropDownList()   

输出<select>标签

Html.Password()       

输出<input type="password">标签

Html.RadioButton()

输出<input type="radio">标签

Html.TextArea()

输出<textarea/>标签

Html.TextBox()

输出<input type="text">标签

Html.Hidden()

输出<input type=”hidden”/>标签

示例

控制器

[HttpPost]
public ActionResult GetForm(string userName,string pwd,string sex,String []likes, string age,string introduce) {
    string info = "";
    info += userName+"<br/>";
    info += pwd + "<br/>";
    info += sex + "<br/>";
    foreach (string l in likes) {
        info += l + "<br/>";
    }
    info += age + "<br/>";
    info += introduce + "<br/>";
    TempData["show"] = info;
    return Redirect("~/Test/Index");
}

视图层


@{
    ViewBag.Title = "Index";
}

<h2>超链接</h2>
<hr />
<form action="~/Test/GetForm" method="post">
    <fieldset>
        <legend>表单</legend>
        <hr />
        <p>
            @Html.TextBox("userName", "", new { @placeholder = "请输入用户名" })
        </p>
        <p>
            @Html.TextBox("pwd", "", new { @placeholder = "请输入用密码" })
        </p>
        <p>
            @Html.RadioButton("sex", "男") 男
            @Html.RadioButton("sex", "女") 女
        </p>
        <p>
            @Html.CheckBox("likes", "0") 健身
            @Html.CheckBox("likes", "1") 交友
            @Html.CheckBox("likes", "2") 蹦迪
        </p>
        <p>
            @Html.DropDownList("age",
           new List<SelectListItem> {
               new SelectListItem { Text = "22岁", Value = "22" } ,
               new SelectListItem { Text = "23岁", Value = "23" } ,
               new SelectListItem { Text = "24岁", Value = "24" }
           }
            , new { @class = "form-control" })
        </p>
        <p>
            @Html.TextArea("introduce")
        </p>
        <p>
            <input type="submit" value="提交" class="btn btn-block btn-primary" />
        </p>
    </fieldset>
</form>

<hr />
@TempData["show"]


编辑

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。