input type="submit" 如何换a超链接?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了input type="submit" 如何换a超链接?相关的知识,希望对你有一定的参考价值。

<form name="form1" onSubmit="checkSubmit()" action="fan-sys_data_done.php?dopost=bak" method="post" target="stafrm">
<input type='hidden' name='tablearr' value='' />
<input type="submit" name="Submit" value="提交"/>
</form>

如何把<input type="submit" name="Submit" value="提交"/>换成超链接点击,比如
<a ***>提交</a>

<form name="form1" onSubmit="checkSubmit()" action="fan-sys_data_done.php?dopost=bak" method="post" target="stafrm">
<input type=\'hidden\' name=\'tablearr\' value=\'\' />
<input type="submit" name="Submit" value="提交" style="display: none;"/>
<a href="javascript:$("input[name=\'Submit\']").click()">提交</a>
</form>
直接把按钮隐藏,点击a标签去实现点击按钮,这样那些按钮绑定的事件就不需要在改了
参考技术A 把<input type="submit" name="Submit" value="提交"/>删除,根据你情况在合适的位置添加:
<a href="javascript:checkSubmit();">提交</a>
这样就可以了。
注意checkSubmit函数中要先检查数据合法性,再真正提交表单
参考技术B <a href="javascript:submit()">提交</a>
你需要写提交事件

input type="submit" 和"button"有什么区别

HTML中<input type="submit" /> 和 <input type="button" /> 主要从元素定义类型、点击触发动作两个方面来区别。

一、元素定义类型的区别:

1、<input type="button" /> 定义为一个可点击的按钮。

2、<input type="submit" /> 定义为一个提交按钮。提交按钮会把表单数据发送到服务器。

二、点击触发动作的区别:

1、<input type="button" /> 如果没有添加onclick事件的监听,点击时没有任何反应。

2、<input type="submit" /> 默认情况下,点击后会执行提交form表单的动作。

代码示例为:

<input type="button" onclick="alert(‘button‘)" value="button" />

<form name="testform" action="#"
onsubmit="alert(‘Hello‘)">

<input type="text" name="username" />

<input type="submit" value="Submit" />

</form>
技术图片
扩展资料:

1、<input type="submit">添加提交的快捷键:

给input标签设置accesskey全局属性, 让用户使用按键或组合按键来触发按钮。 

代码示例为:

<form>

<div>

<label for="example">Let‘s submit some text</label>

<input id="example" type="text" name="text">

</div>

<div>

<input type="submit" value="Send"

accesskey="s">

</div>

</form>
技术图片
2、禁用<input type="submit">的提交:

可以通过简单地设置input的全局属性disabled为true来禁用提交动作。

代码示例为:

<input type="submit" value="Disabled" disabled>
技术图片
 

 


以上是关于input type="submit" 如何换a超链接?的主要内容,如果未能解决你的问题,请参考以下文章

输入 [type="submit"]:select CSS 不起作用

input type="submit" 与按钮标签是不是可以互换? [复制]

Css 伪类 input:not(disabled)not:[type="submit"]:focus

如何使用 input[type="submit"] 属性将 CSS 转换为 Styled-Components?

input type="submit" 如何换a超链接?

input type="submit" 和"button"有什么区别