1、首先打开html5编辑器，新建一个html文件，在里面写入一个button按钮，被button按钮设置一个样式，这里给它的class属性设置为btn：
2、在上方引入style标签，在里面设置btn类的样式，这里设置宽度和高度使用width和height属性就可以了，最后在美化一下按钮，设置背景色和字体颜色以及文字橘子效果：
3、最后打开浏览器，即可看到设置好的按钮了。以上就是html5中设置按钮的宽度和高度的方法：
html5 pattern 既要验证格式又要验证长度的解决办法是用正则表达式实现。
1、在html5页面中有如下form：
<form id="myform">
<input type="text" name="fullname" pattern="[A-Za-z0-9\w]{4,20}" required="required" />
<input type="submit" />
</form>
在提交的时候做fullname的校验：要求是字母和数字，长度是4到20位之间。
2、jquery代码如下：
$(document).ready(function () {
$('#myform').validate({debug:true})
})
3、校验在提交的时候生效：
输入zhangsan123就可以正确提交。
输入张三就会报错：
