本文介绍了一个关于文件上传功能的问题及其解决方案。当使用特定的HTML代码创建文件上传控件时，用户可以在该控件中手动输入文本。文章提供了一种解决方法，即通过将属性从UNSELECTABLE=on更改为contentEditable=false来阻止用户输入。
项目里要做一个文件上传的功能，于是我写了个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"就可以了。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
