当前位置:  首页  >  前端开发  >  HTML

htmlbutton标签的样式怎么设置?htmlbutton标签的样式介绍

本篇文章主要的介绍了关于HTMLbutton标签的样式设置,还有关于HTMLbutton标签的美化样式介绍,接下来就让我们一起来阅读本篇文章吧
本篇文章主要的介绍了关于HTML button标签的样式设置,还有关于HTML button标签的美化样式介绍,接下来就让我们一起来阅读本篇文章吧

首先我们先介绍HTML中的button标签的样式设置:

普通按钮设置:

把input元素的type属性设置为“button”,可以创建普通按钮。按钮上显示的文本是value属性的值,如果没有提供value属性,则只创建一个空按钮。如:

效果很明显,这是默认普通按钮的设置。

默认情况下,在普通按钮上点击,是没有任何反应的。因此,需要为普通按钮注册事件,并手动编写相应的处理函数。假如希望单击上述按钮时,提交表单,则要为按钮注册onClick 事件。如:

现在点击按钮,就会触发onClick事件,并调用事件处理函数submitForm(buy),参数buy为待处理表单name属性的值。如果希望点击按钮后提交表单,就可以在事件处理函数中调用form对象的submit()方法:


function submitForm(f) {
    f.submit();  
}

这是一个默认情况的设置,现在我们来看看给html button标签设置样式:

给大家看一个完整的代码实例:





PHP中文网



Button

这个的效果如图:

html单选按钮默认选中怎么做?input标签的单选按钮用法实例

以上就是html button标签的样式怎么设置?html button标签的样式介绍的详细内容,更多请关注 第一PHP社区 其它相关文章!

吐了个 "CAO" !
扫码关注 PHP1 官方微信号
PHP1.CN | 中国最专业的PHP中文社区 | json解析格式化 | PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有 京ICP备19059560号-4