另类的file文本域效果

。样式一:<br>
<br><inputtype=fileid=file1style="display:none"

onpropertychange="javascript:t1.value=this.value;">
<inputtype=textid=t1>
<imgsrc="http://www.soojs.com/folder/页面元素美化/top.gif"width="39"height="15"style="cursor:hand"onClick="javascript:file1.click();"><br>
<br>
代码如下:<br>
<br>
&lt;inputtype=fileid=file1style=&quot;display:none&quot;<br>onpropertychange=&quot;javascript:t1.value=this.value;&quot;&gt;<br>&lt;inputtype=textid=t1&gt;<br>&lt;imgsrc=&quot;a.gif&quot;style=&quot;cursor:hand&quot;onclick=&quot;javascript:file1.click();&quot;&gt;<br>
<br>
2。样式二:<br>
<br><inputtype="file"id="file2"style="display:none"

onpropertychange="javascript:t2.value=this.value;">
<inputtype="text"id="t2"onClick="javascript:file2.click();"value="点击这里"><br><br>
代码如下:<br>
<br>
&lt;inputtype=&quot;file&quot;id=&quot;file2&quot;style=&quot;display:none&quot;<br>onpropertychange=&quot;javascript:t2.value=this.value;&quot;&gt;<br>&lt;inputtype=&quot;text&quot;id=&quot;t2&quot;onclick=&quot;javascript:file2.click();&quot;value=&quot;点击这里&quot;&gt;<br>
<br><br><br><br><br>

你可能感兴趣的:(JavaScript)