点图片登陆框文本获取焦点

如题：我想在同一个页面中点一个图片，然后让文本获取焦点。。

<html>
<head>
<meta http-equiv="Content-Type" CONTENT="text/html; charset=gb2312">
<title>1</title>
<script >
function f()
{
document.getElementById("txt").focus();
}
</script>
</head><body><form method="post" name="form" >
  <img name="im" src="1.gif" width="32" height="32" onClick="f();">
<input name="txt" type="text" id="txt" value="" ><br/></form></body>
</html>
用现成的东西吧干嘛舍近求远<label for="new"><img src="a.jpg" /></label><input type="text" id="new" />label的for对应的text的id。这样点击label就可以让text获得焦点。
加个命名锚记<html>
<head>
<meta http-equiv="Content-Type" CONTENT="text/html; charset=gb2312">
<title>1</title>
<script >
function f()
{
document.getElementById("txt").focus();
}
</script>
</head><body><form method="post" name="form" >
  <p><a href="#1"><img src="1.gif" name="im" width="32" height="32" border="0" onClick="f();"></a></p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p>
    <input name="txt" type="text" id="txt" value="" >
    <a name="1"></a><br/>
                                          </p>
</form></body>
</html>
支持3楼, 用label的for. 简单省事. 还能减少脚本.

点图片 登陆框文本 获取焦点