被遗忘掉的button标签

2020-04-16 21:51:38易采站长站整理

border:1px solid #d12f19;
color:#fff;
}

总结
最后要说的是,这仅仅是我们应对Wufoo中需求而设计的解决方案,不过在我们的努力下它表现还不错。但是这并不是唯一方法,你可以找到更多有趣的办法把按钮变成圆角甚至更加丰富多彩。由于<button>标签之间几乎可以放置任意其他元素,因此你还可以通过插入<span>标签然后按照Alex Griffioen最新提供的方法来创建一个真正好看的圆角立体按钮。说实话,我希望对于所有为程序的界面重复使用而努力的设计者来说这仅仅是一个开始。不管怎么说,我希望你能够在打开Photoshop制作input按钮前多思考一下,多看一眼这个几乎被遗忘的<button>标签,也许他会给你惊喜。
附录:
HTML4.0/xhmtl1.0中的<button>元素

定义和用法
定义一个按钮。在 button 元素内部,您可以放置内容,比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。
<button> 控件 与 <input type="button"> 相比,提供了更为强大的功能和更丰富的内容。<button> 与 </button> 标签之间的所有内容都是按钮的内容,其中包括任何可接受的正文内容,比如文本或多媒体内容。例如,我们可以在按钮中包括一个图像和相关的文本,用它们在按钮中创建一个吸引人的标记图像。
唯一禁止使用的元素是图像映射,因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。
可选择的属性
属性值描述DTD
disabled disabled 禁用此按钮。 STF
namebutton_name 规定此按钮的唯一名称。 STF
type* button
* reset定义按钮的类型。 STF
* submit
value some_value 规定按钮的初始值。此值可被脚本修改。 STF
标准属性:
id, class, title, style, dir, lang, xml:lang, accesskey, tabindex
事件属性:
onfocus, onblur, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup