input type="file" 不能輸入的問題
阿新 • • 發佈：2018-11-05
專案裡要做一個檔案上傳的功能，於是我寫了個jsp頁面，部分程式碼如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head></head>
<body>
<form method="post" name="upform">
<table>
<tr></tr>
<tr>
<td>輸入檔案</td>
<td>
<input type ="file" name="f" UNSELECTABLE="on"/>
</td>
</tr>
</table>
</form>
</body>
</html>
其中，<input type ="file" name="f" UNSELECTABLE="on"/>指定這個檔案控制元件只能通過瀏覽按鈕去上傳檔案，不能由使用者輸入。
但是，第一次開啟頁面的時候，如過在控制元件上雙擊滑鼠，就會發現控制元件前面會出現游標。
還可以輸入，如果按了回車，游標就跑到檔案控制元件裡去了！
鬱悶了好久，才在秋末同學的幫助下解決問題，把UNSELECTABLE="on"換成contentEditable="false"就可以了。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head></head>
<body>
<form method="post" name="upform">
<table>
<tr></tr>
<tr>
<td>輸入檔案</td>
<td>
<input type ="file" name="f" UNSELECTABLE="on"/>
</td>
</tr>
</table>
</form>
</body>
</html>
其中，<input type ="file" name="f" UNSELECTABLE="on"/>指定這個檔案控制元件只能通過瀏覽按鈕去上傳檔案，不能由使用者輸入。
但是，第一次開啟頁面的時候，如過在控制元件上雙擊滑鼠，就會發現控制元件前面會出現游標。
還可以輸入，如果按了回車，游標就跑到檔案控制元件裡去了！
鬱悶了好久，才在秋末同學的幫助下解決問題，把UNSELECTABLE="on"換成contentEditable="false"就可以了。