点击text文本框，内嵌input隐藏的问题


<div id="tod0" name="tod"  class="note" <?php if(!$v0||$v0=="NULL") echo"style='display:none'"; else echo"style='left:7px;top:2px'"; ?> ><input type="text"   id="xtod0" class="x" <?php if(!$v0||$v0=="NULL") echo "style='display:none'"; else echo "value=' $v0'";  ?>/></div>这个div里面那有一个input用来显示数据（必须用input显示，因为有JS要用到.value来更改值）  
class note和class x 类似，作用就是让人看不出来这个div里面其实放着一个文本框现在问题是每当我点击到div上时，里面的input就不见了
试过用  onclick="this.blur()" onfocus="this.blur()" 都没有用 还用了 onclick="showit()" （设计的是点击在DIV上面弹出一个新层，在新层里修改DIV里INPUT显示的数据）
但是新层确实是弹出来了，但弹出的同时，DIV里的INPUT还是隐藏了……