JS-button标签说明

最新推荐文章于 2024-09-10 11:30:12 发布

咩有猫腻.

最新推荐文章于 2024-09-10 11:30:12 发布

阅读量7k

点赞数 4

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/DcTbnk/article/details/105235800

版权

js 专栏收录该内容

110 篇文章 2 订阅

订阅专栏

button按钮的说明

<form action="">
    1.input标签 3种标签

    提交按钮 点击提交数据
    <input type="submit" style="color:red;font-size: 50px;">   

    刷新按钮 点击恢复默认数据
    <input type="reset">

    普通按钮 点击啥用没有
    <input type="button" value="普通标签">

    <br>

    2.button标签 在 form标签中 3种type效果

    button标签,默认或者定义也是submit,提交标签效果
    <button>提交</button>
    <button type="submit">提交</button>


    button标签,type,reset,重置标签效果
    <button type="reset">重置</button>

    button标签,type,button,普通标签效果
    <button type="button">普通标签</button>


3.button标签和input标签的区别

1,样式设定方便

    button按钮中的内容,是标签的文字内容,可以直接按照css样式来设定
        
    input标签,字体样式等可以设定,但是其他的样式设定,盒子模型,弹性盒模型等,无法支持的

2,H5中,给button标签,新增很多的功能,
    H5中,对button标签做了专门的强化

    实际项目中,推荐使用button标签,代替input按钮标签

总结:
    input 能实现的 button都能实现
    button 能实现的 input不一定能实现
    推荐使用button

</form>