原文出处：https://blog.csdn.net/miaoqinian/article/details/81192082
我说的方法只需要给表单加上一个类，就可以让表单只读。
<form class="form-readonly"></form>方法1: 用:before给form做个看不见的蒙版，遮住下面所有的元素，使之不响应任何事件
.form-readonly{
position: relative;
}
.form-readonly:before{
content: "";
z-index: 1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}方法2: 用pointer-events:none, 让所有事件穿透form
.form-readonly{
pointer-events:none;
}