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

 

 

页面中去掉图片链接的边框

用图片做为链接后，在图片的周围出现了一个带颜色边框，其实是由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>