html小技巧

1、文件域file美化<input id="file" type="file">

浏览器自带的文件域在各个浏览器展现不一致，并且不美观。通常我们需要自定义上传按钮的样式。

方案1：

文件域设置为透明，自定义按钮的样式刚好覆盖到上面。

方案2：

使用js来实现，绑定新按钮的点击事件，触发文本域的点击事件。<button onclick="document.getElementById("file").click()">


方案3（推荐）：

使用label标签，<label for="file"></label>

2、回车提交

form表单如果有input等元素会自动触发回车提交事件。可以作为绑定keyup的一种替代方案。

3、点击切换Tab，显示隐藏

可以是用<input type="checkbox" id="tab1"><label for="tab1"></label>,通过定义#tab1:checked div{display:block}来实现内容的隐藏和现实。