国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

改變文件域的樣式實現思路同時兼容ie、firefox

2019-11-20 21:51:31
字體：大 中 小
來源：轉載
供稿：網友
復制代碼 代碼如下:

<body>
<input type=file id="j" onchange="getValue();" style="-moz-opacity:0;filter:alpha(opacity=0);opacity:0;position:absolute;left:166px;" />
<input id="ye" style="color: green;border: 1px solid green;width:300px;" />
<input type="button" value="File" style="border: 1px solid green;width:80px;" />
</body>

<script language="javascript">
function getValue(){
document.getElementById('ye').value = document.getElementById('j').value;
}
</script>

思路：

1、把頑固的文件域就是<input type=file /> 透明化：style="-moz-opacity:0;filter:alpha(opacity=0);opacity:0;"

2、用一個文本框和按鈕代替文件與的外觀

3、將文件域的瀏覽按鈕放到我們寫的按鈕的上方

4、用js得到文件域value改變時的值即：得到的文件路徑，并賦給文本框的value，這樣就ok了

我只是試驗，樣式很簡陋；其實可以進一步美化；

這樣的好處：只是模擬了file文件域的外觀，其實起作用的還是文件域file，這樣就很方便。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 大荔县| 宁海县| 太白县| 新源县| 太白县| 清苑县| 蕉岭县| 通道| 田东县| 定结县| 阳东县| 双江| 汝州市| 南汇区| 连江县| 偏关县| 博罗县| 习水县| 敖汉旗| 巴彦淖尔市| 和龙市| 墨竹工卡县| 门头沟区| 建阳市| 台南县| 阿瓦提县| 扎鲁特旗| 特克斯县| 略阳县| 西林县| 赫章县| 瓦房店市| 长海县| 宝兴县| 桦南县| 建宁县| 杭锦后旗| 从化市| 宣恩县| 宣汉县| 聂荣县|