form表单中如何使用a标签代替button或commit进行数据提交?

最新推荐文章于 2022-12-05 15:02:24 发布

itcats_cn

最新推荐文章于 2022-12-05 15:02:24 发布

阅读量1.1w

点赞数 3

分类专栏：前端文章标签： a标签利用onclick事件登录提交数据

本文链接：https://blog.csdn.net/itcats_cn/article/details/81780182

版权

前端专栏收录该内容

11 篇文章 1 订阅

订阅专栏

1、申明form的id

2、在<a>标签内书写

οnclick="document:loginForm.submit()"

具体用例：

<form class="sui-form" action="/login" method="post" id="loginForm">

	<div class="input-prepend"><span class="add-on loginname"></span>
	    <input id="prependedInput" name="username" type="text" placeholder="邮箱/用户名/手机号" class="span2 input-xfat">
	</div>

	<div class="input-prepend"><span class="add-on loginpwd"></span>
		<input id="prependedInput" name="password" type="password" placeholder="请输入密码" class="span2 input-xfat">
	</div>

	<div class="setting">
		<div id="slider">
			<div id="slider_bg"></div>
				<span id="label"></span> <span id="labelTip">拖动滑块验证</span>
			</div>
		</div>
    <div class="logined">
    <!-- a标签中使用onclick事件 -->
	<a class="sui-btn btn-block btn-xlarge btn-danger" onclick="document:loginForm.submit()" target="_blank">登&nbsp;&nbsp;录</a>
	</div>

</form>