viki-119
commented
8 years ago 禁用问题：readonly || disabled
显示和隐藏问题：visibility="visible|hidden" || display=“none|block|inline”
1.表单中readonly和disabled的区别：
readonly只针对input(text/ password)和textarea有效，而disabled对于所有的表单元素都有效,包括select,radio, checkbox, button等。
表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将该值传递出去.
disabled 属性规定应该禁用 input 元素。被禁用的 input 元素既不可用，也不可点击。
采用两种种的变通方法将置为disabled的元素状态改为enabled。 方法一 $("#id").attr("disabled",true); $("#id").attr("disabled",false); 方法二 移除disabled属性 $("#id").attr("disabled","disabled"); $("#id").removeAttr("disabled");
注释：disabled 属性无法与 一起使用。
<button type="button" disabled="disabled">Click Me!</button>
2.javascript中 visibility和display的区别 visibility 属性规定元素是否可见。 提示：即使不可见的元素也会占据页面上的空间。请使用 "display" 属性来创建不占据页面空间的不可见元素。 http://zhidao.baidu.com/link?url=l7iDf6S3yCqYGHGZtYh2NSgwTCaujbMl-EB5u4QMKMyeYrLyy25n_CE5th4DYrKIJJIA3_edUP02h549_PLQiK
1.border-collapse:separate/collapse 设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开。 此属性 对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 对应的脚本特性为 borderCollapse 。 的元素。 对应的脚本特性为 markerOffset 。 separate:默认值。边框会被分开。不会忽略border-spacing 和 empty-cells 属性。 collapse;如果可能，边框会合并为一个单一的边框。会忽略border-spacing 和 empty-cells 属性。
border-spacing:设置或检索当表格边框独立(例如当 border-collapse 属性等于 separate 时)，行和单元格 的边在横向和纵向上的间距。 当只指定一个 length 值时，这个值将作用于横向和纵向上的间距。 当指定 了两个 length 值时，第一个作用于横向间距，第二个作用于纵向间距。 对应的脚本特性borderSpacing。 举例 table{ border-collapse:separate ; border-spacing: 19px 2px; }
//下面这种写法，可以让table的填充效果值为0; <table border="1" cellpadding="0" cellspacing="0" width="100%">