button按钮
是H5专门强化的标签,实际项目中,推荐使用button标签,替换input按钮
样式设定更方便,功能更加强大
在一般情况下,button按钮默认没有任何功能,配合JavaScript使用
在form标签中
button 按钮默认是提交功能 type="submit"
重置标签恢复默认值 type="reset"
普通按钮没有功能 type="button"
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
css-button标签说明
最新推荐文章于 2024-04-20 19:40:16 发布