http://www.sitepoint.com/forums/showthread.php?t=598656
AutisticCuckoo 写道
An <input> button's text is specified in its value attribute, which means it can only be a simple text string. If that's all you need, using an <input> is the way to go.
A <button> can have much richer content, even block-level elements. If you need a complex button you should use a <button>, but it does have some issues in some browsers.
Forget input type=submit – use a button!
引用
In a nutshell, the button element is cool because button type=submit works exactly like input type=submit, except that it has an open and close tag and you can put any inline element inside it. So you can put an image, or some text, or even a Flash movie were you so inclined, and style it however you like without all the odd behaviour that you get with input type=submit or input type=image.
引用
So, next time you build a form, try throwing in a button instead of an input type=submit.
But be a little careful, because they are not completely without idiosyncracies. Nick recently reported that IE gets things a little backwards sometimes (typical!).
分享到：
相关推荐
在JavaScript和HTML交互中，创建按钮常常涉及到`type="button"`和`type="submit"`两种类型，它们在功能上有着显著的区别。理解这些差异对于优化表单操作和用户体验至关重要。 首先，`type="button"`的按钮是纯功能...
另一个常见误区是将`<button>`误置于`<form>`标签内，这可能导致按钮变为提交按钮，等同于`<input type="submit">`。为了避免这种情况，务必清楚地定义按钮类型，并谨慎处理`<button>`在表单中的位置。 总的来说，`...
<input type="submit" name="submit" class="btn" value="上传" /> ``` 在这个结构中，`<input type="text">`用于显示用户选择的文件名，`<input type="button">`则作为点击触发文件选择对话框的按钮。`<input ...
<button type="submit">上传</button> ``` 在这个示例中，我们有一个简单的表单，包含一个文件输入框和一个提交按钮。 #### 三、实现只读功能 接下来，我们将使用 JavaScript 来实现在用户选择文件后，使其变为...
<input name="uid" type="text" value="" maxlength="20"/> ... <input type="button" value="HH" onclick="alert('!@#$%^&*()_+')"/> <input type="submit" /> <input type="reset"> </form>
<INPUT onclick="window.external.ShowBrowserUI('OrganizeFavorites', null)" type="button" value="组织收藏夹" name="Submit2"> ``` 提供一个界面供用户管理他们的收藏夹，包括整理、删除等操作。 #### 查看源...
5. **按钮 (button)**: `<input type="button">` 可以创建普通按钮，通常用于触发JavaScript事件。`value` 属性定义按钮上显示的文本。 示例: ```html <input type="button" value="点击我" onclick="alert('...
- 语法：`<input type="button" />` - 常用属性：`name`(按钮名)，`value`(按钮显示文本)，`onmousedown`，`onmouseup`，`onclick`（事件处理函数）。 6. **提交按钮（submit）** - 描述：用于提交表单数据到...
`type="submit"` 和 `type="reset"` - 提交和重置按钮 `type="submit"`创建一个提交按钮，用于将表单数据发送到服务器进行处理。`type="reset"`则创建一个重置按钮，清除表单中的所有用户输入。 通过上述解析，...
本文介绍了几种页面提交submit的方法，包括使用`<input type="button">`配合JavaScript、使用`<input type="submit">`以及结合这两种方式实现复杂的验证逻辑。同时，还探讨了在处理表单提交数据时可能遇到的编码问题...
<INPUT onclick="window.external.ShowBrowserUI('OrganizeFavorites',null)" type=button value=ղؼ name=Submit2> ``` 打开浏览器的收藏夹管理界面。 ### 11. 查看源代码 ```html <INPUT onclick='window....
<input type="button" value="增加一条数据" onclick="addIt()" /> <form method="post" action="test.asp" id="myForm"> <input type="text" id="prname" name="prname" /> <input type="submit" value=...
1. **使用name属性和JavaScript事件处理**：为每个Submit按钮设置唯一的name属性，例如`<input type="submit" name="action1" value="提交1">`和`<input type="submit" name="action2" value="提交2">`。然后通过...
<input type=button name="Submit1" value="郭强" size=10 class=s02 style="background-color:rgb(235,207,22)"> 3.鼠标移入移出时颜色变化 <input type="submit" value="找吧" name="B1" onMouseOut=this.style....
普通按钮经常和脚本一起使用，语法格式为：<input type=”button” value=”…” name=”…”> 2. 提交按钮<input type=”submit”> 通过提交(input type=submit）可以将表单（Form）里的信息提交给表单里action所...
<input type="submit" name="submit" value="提交" onClick="return validateForm();"> ``` 在这个例子中，`validateForm()`函数会在表单提交前运行，如果函数返回`false`，则表单不会被提交；如果返回`true`，则...
= 1 && $order.order_status == 1 }<input name="invoice_no" type="text" style="color:#00F" value="" /><input name="to_shipping" type="submit" style="color:#F00" value="快速发货" class="button"/>{/if}
type： text submit button radio checkbox hidden reset file password 3.文本框/密码框：<input type="text"/> <input type="password"/> 主要属性：maxlength readonly="readonly" disabled=...
其次，`button[type="submit"]` 与 `input[type="submit"]` 相比，其语义更清晰，即作为一个纯交互按钮，不含任何数据。`button` 可以包含 HTML 内容，提供更丰富的样式和布局可能性。它的 `type` 默认值在不同...
<input type="image" src="submit.gif" alt="Submit" width="30" height="30"> ``` #### 三、总结 本文详细介绍了HTML中`input`元素的各种类型及其使用方法。这些类型的灵活运用能够极大地提升用户体验，并使...