元素不可用的三种样式

<input name="checkbox" type="checkbox" style="visibility: hidden;" >足球<br>

<input name="checkbox" type="checkbox" style="display:none;" >足球<br>

<input name="checkbox" type="checkbox" disabled >足球<br>
 请输入：<input name="text" type="text" readonly="readonly" value="足球">

对应的效果：

1. style="visibility: hidden;"   隐藏掉元素，但是其所占的空间还存在。

2.style="display:none;"  隐藏掉元素并去掉其空间。

3.disabled  将元素置灰不可用

4.readonly="readonly"  文本框只读不可修改