CSS应用

1.使用伪类划分隔线,样式应用在要加线的标签上

.line {
    position: relative;
}

    .line:before {
        content: " ";
        position: absolute;
        left: 15px;
        top: 0;
        right: 15px;
        height: 1px;
        border-top: 1px solid #e5e5e5;
        color: #e5e5e5;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }

 2.在 表单中的input设置为disabled后不会被提交的解决方法。针对设置了 disabled 属性的 input 无法提交，解决办法是使用 readonly 属性替代 disabled 属性

给下拉框（select）和单选框（radio）添加只读属性，readonly 属性显示效果与 disabled 属性相同，但是在操作效果上仍然可以选择

解决办法：

<style>
    select[readonly] {
        background: #eee;
        cursor: no-drop;
    }
    select[readonly] option {
        display: none;
    }
</style>
<select readonly>
    <option value="">1</option>
</select>

<input type="radio" onclick="return false;">

3.