<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”">
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”">
相关文章推荐
- <input type = "submit"> 提交方式和用js的form.submit()有什么区别?
- <input type="button" style="display:none">隐藏按钮显示
- 提交表单<input type="button" value="登录" onclick="login()"/> 和<button onclick="login()">登录</button>区别
- &lt;button&gt;提交&lt;/button&gt;在ie8,7下面不相当input type=submit
- <input> 文本框几种常用属性
- <Input>标记
- <input type="file" />accept属性列表
- <select/><div/><input/>组合下拉…
- HTML中的<form>和<input>的用法
- <Android>关于EditText中setInputType和setSingleLine的冲突
- <input>表单元素readonly时光标仍然可见
- < input >里name和id的差别
- <input type="file">定义样式并获取上传文件路径及指定文件类型
- <input type='hidden'>同时传多个值
- <input>标签 只输入 数字 int类型
- HTML <button> 和 input type=“button”的区别 / input type="submit" 和"button"的区别
- <input>里name和id的区别
- input 和<fmt:formatDate>的结合使用
- <button>与<input type="button">在火狐下区别 ajax请求
- <input type=“text” name="">width设定无效