input控件属性分隔注意不要使用全角空格

　　checkbox/radio控件的属性之间的间隔一般是半角的空格进行分隔，如果value属性前出现了全角的空格，会导致这个控件的值为on，而不是设置的value值，测试代码如下

<input type="checkbox"　value="xx" />颜色
<input type="radio"　value="0" />男<input type="radio" value="1" />女<input type="radio" value="2" />保密
<script>
    var ipts = document.getElementsByTagName('input');
    alert(ipts[0].value)//输出on，而不是xx，因为value前面出现了全角空格
    alert(ipts[1].value)//输出on，而不是xx，因为value前面出现了全角空格
    alert(ipts[2].value)//输出1
    alert(ipts[3].value)//输出2
</script>

　　如果是<input 标签后出现全角空格，那么这个控件就不会显示在页面上了，测试代码如下

<input　value="xx" type="checkbox" />颜色<input　type="text" />
<input　type="radio" value="0" />男<input type="radio" value="1" />女<input type="radio" value="2" />保密
<script>
    var ipts = document.getElementsByTagName('input');
    alert(ipts.length)//输出2，颜色的checkbox,text和男对应radio从dom中消失了
</script>

加支付宝好友偷能量挖...

原创文章，转载请注明出处：input控件属性分隔注意不要使用全角空格

2013-10-31评论(0)Web开发网

阅读(162)喜欢(0)分类：HTML/CSS兼容/XML