Tip: you can modify some code before running
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8" /><title>New document</title><meta name="author" content="ximan" /><meta name="keywords" content="" /><meta name="description" content="" /><style>*{margin:0;padding:0;}body{margin:30px;}.upload1{position:relative;width:260px;height:30px;}.ipt_text{width:174px;height:24px;line-height:24px;padding:2px;border:1px solid #aaa;}.btn{width:70px;height:30px;line-height:30px;border:1px solid #aaa;}.upload_file1{position:absolute;left:0;top:0;width:260px;height:30px;line-height:30px;opacity:0;filter:alpha(opacity:0);}.upload2{overflow:hidden;position:relative;width:134px;height:40px;cursor:pointer;background:url(icon_upload.png) no-repeat;}.upload_file2{position:absolute;left:0;top:0;font-size:90px;margin:-20px 0 0 -1100px;opacity:0;filter:alpha(opacity=0);cursor:pointer;}</style></head><body><div class="upload1"><input type="text" class="ipt_text" id="file_text" /><input type="button" class="btn" value="浏 览" /><input type="file" class="upload_file1" size="26" onchange="document.getElementById('file_text').value=this.value" /></div><br /><p>First Normal Upload style</p><br /><br /><br /><div class="upload2"><input type="file" class="upload_file2" /></div><br /><p>Button style 2</p></body></html></td> </tr></table>
Tip: you can modify some code before running
