javamail 發送郵件的實例代碼分享。本站提示廣大學習愛好者:(javamail 發送郵件的實例代碼分享)文章只能為提供參考,不一定能成為您想要的結果。以下是javamail 發送郵件的實例代碼分享正文
在一些網站停止上傳時,當單擊了“閱讀”按鈕以後會彈出【選擇文件】的對話框。想要完成這一功效,用input的file控件來完成就好啦~
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style></style>
</head>
<body>
<input type="file" value="選擇文件" />
</body>
</html>
後果圖是醬嬸的:
留意!別認為這個是由一個text和一個button組分解的,其實它就是一個file控件哦
明天任務中碰到請求:不顯示“未選擇任何文件”,搗鼓夠一個小時,發明設置它的width值就弄定了:
代碼: <input type="file" value="選擇文件" />
width值設置為70px方才好,以下圖:
【丑化】
思緒:
裡面的一層div是為了給外面的input供給地位參考,由於寫款式的時刻須要絕對定位,使真實的file控件籠罩在模仿的下面,然後隱蔽失落file控件(即便file控件弗成見)
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.file-box{ position:relative;width:340px}
.txt{ height:22px; border:1px solid #cdcdcd; width:180px;}
.btn{ background-color:#FFF; border:1px solid #CDCDCD;height:24px; width:70px;}
.file{ position:absolute; top:0; right:80px; height:24px; opacity:0;width:260px; }
</style>
</head>
<body>
<br><br>
<div class="file-box">
<form action="" method="post" enctype="multipart/form-data">
<input type='text' name='textfield' id='textfield' class='txt' />
<input type='button' class='btn' value='閱讀' />
<input type="file" name="fileField" class="file" id="fileField" size="28"/>
</form>
</div>
</body>
</html>
後果:
以上這篇關於input的file 控件及丑化就是小編分享給年夜家的全體內容了,願望能給年夜家一個參考,也願望年夜家多多支撐。