您的位置:首页 > 其它

<input/> 中的submit和 button

2010-10-14 14:23 471 查看
以上是两段简单的代码,之前对html中的按钮button和submit的绝提区别不是很清楚,后来在做用户登录的时候才发现,

type= button 是单纯的按钮功能,需要用鼠标点击,不接受键盘的enter键操作

type=submit 是发送表单,接受键盘的enter键操作,可以使用submit来提高页面的易用性,如

Code:

Code:

<input type="submit" value="summbit" onclick="return sub()"/>

<script type="text/javascript">

function sub()

{

alert("it is a submit!");

}

</script>

在执行完onclick后,转到action,可以自动提交表单的内容。

Code:

<input type="button" value="button" onclick="return sub()"/>

<script type="text/javascript">

function sub()

{

alert("it is a button!");

}

</script>

执行完onClick,跳转文件在 js文件里控制。提交需要onClick。

比如:

1. onclick=”form1.action=’a.jsp’;form1.submit();” 这样就实现了submit的功能了。

2. <form name=”form1″ method=”post” action=”http://blog.1xi.net”>

<input type=”button” name=”Button” value=”Button” onClick=”submit()”>

</form>

3. <input type=”button” name=”Button” value=”Button” onClick=”javascript:windows.location.href=”你的url”">
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: