您的位置:首页 > 其它

去掉页面图片链接边框或虚线框和表单的只读属性(转)

2010-08-02 10:26 239 查看
页面中去掉图片链接的边框

用图片做为链接后,在图片的周围出现了一个带颜色边框,其实是由img 中border属性来控制的。

用<a href="#"><img src="" border="0"></a>就去掉了.

页面中去掉图片链接的虚线框

可是当点击图片时,又出现了虚线框,这就是<a>链接on focus的问题,与图片无关,

去掉虚线框可用<a href="xxxxx.html" onfocus=this.blur(); ></a>解决.<br><br>

页面中表单元素的可读性

如下:



代码

<SCRIPT LANGUAGE="JavaScript">
function display0(){
var str=document.myForm.input0.value;
alert(str);
};
function display1(){
var str=document.myForm.input1.value;
alert(str);
};
function display2(){
var str=document.myForm.input2.value;
alert(str);
};
function display3(){
var str=document.myForm.input3.value;
alert(str);
};

</SCRIPT>

<FORM METHOD=POST ACTION="" name="myForm">
可编辑
<input type="text" name="input0" value="中国0" >
<INPUT TYPE="button" name="提交" value="显示" onclick="display0();">
<br><br><br>
第一种
<input type="text" name="input1" value="中国1" onfocus=this.blur()>
<INPUT TYPE="button" name="提交" value="显示" onclick="display1();">
<br><br><br>
第一种
<input type="text" name="input2" value="中国2" readonly>
<INPUT TYPE="button" name="提交" value="显示" onclick="display2();">
<br><br><br>
第一种
<input type="text" name="input3" value="中国3" disabled>
<INPUT TYPE="button" name="提交" value="显示" onclick="display3();">

</FORM>


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: