html – 锚标记作为提交按钮？

概述我正在将现有网站转换为使用MVC和实体框架. 布局/样式应该保持不变,为了遵循该指南,我需要使用< a>提交我的登录表单.标签,因为它有按钮的自定义图像. 这是我的表格： @using (Html.BeginForm("Login", "Login", FormMethod.Post, new { id = "login", action = "Login" })){ <label> 我正在将现有网站转换为使用MVC和实体框架.

布局/样式应该保持不变,为了遵循该指南,我需要使用< a>提交我的登录表单.标签,因为它有按钮的自定义图像.

这是我的表格：

@using (HTML.BeginForm("Login","Login",FormMethod.Post,new { ID = "login",action = "Login" })){    <label>        <span>Username        </span>        <input type="text" name="Username" ID="Username"  />    </label>    <label>        <span>Password        </span>        <input type="password" name="Password" ID="Password"  />    </label>    <label>        <input type="checkBox" name="RememberMe" ID="RememberMe"  />        <span >Remember Me</span>    </label>    <div >        <a href="JavaScript:voID(0)" onclick="login();" ></a>    </div>}

如您所见,< a>标签以前使用JavaScript提交登录信息.这不是我想要完成的.

如何更改该标签以将我的表单提交给我的控制器 *** 作？

解决方法 我做了一些小改动

HTML

<form action="test.aspx" type="POST">    <label>        <span>Username</span>        <input type="text" name="Username" ID="Username"  />    </label>    <label>        <span>Password</span>        <input type="password" name="Password" ID="Password"  />    </label>    <label>        <input type="checkBox" name="RememberMe" ID="RememberMe"  />        <span >Remember Me</span>    </label>    <div >        <a href="JavaScript:voID(0)" >Login</a>    </div></form>

jquery的

$(document).ready(function(){   $(document).on("click",".login-button",function(){     var form = $(this).closest("form");     //console.log(form);     form.submit();   });});

JSFiddle

总结

以上是内存溢出为你收集整理的html – 锚标记作为提交按钮？全部内容，希望文章能够帮你解决html – 锚标记作为提交按钮？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。