HTML5 上传文件按钮代码

  1. 使用文字代替
<label class="ui_button ui_button_primary" for="xFile">上传文件label>
<form><input type="file" id="xFile" style="position:absolute;clip:rect(0 0 0 0);">form>
  1. 使用图片代替
<label class="ui_button ui_button_primary" for="xFile"><img src="./images/aaa.png">label>
<form><input type="file" id="xFile" style="position:absolute;clip:rect(0 0 0 0);">form>

说明: 
1.在 input type=’file’ , 定义一个id , 样式使得原生的按钮透明 
2. 使用一个label , 这个label可以在form里面,也可以在form外面, label里面的内容可以是文字 , 也可以是图片

你可能感兴趣的:(HTML)