diff --git a/src/attributes.vue b/src/attributes.vue
index e6c59de..aef2a74 100644
--- a/src/attributes.vue
+++ b/src/attributes.vue
@@ -15,6 +15,9 @@
         <el-form-item v-if="'multiple' == index" label="是否多选">
           <el-checkbox v-model="attrs.multiple"></el-checkbox>
         </el-form-item>
+        <el-form-item v-if="'readonly' == index" label="是否只读">
+          <el-checkbox v-model="attrs.readonly"></el-checkbox>
+        </el-form-item>
         <el-form-item v-if="'options' == index" label="可选项">
           <draggable v-model="attrs.options" handle=".handle" :animation="200">
             <div
diff --git a/src/widgets.js b/src/widgets.js
index db43cb4..c18c4ef 100644
--- a/src/widgets.js
+++ b/src/widgets.js
@@ -7,7 +7,8 @@ export default [{
         title: "单行输入框",
         description: "",
         placeholder: "请输入",
-        required: false
+        required: false,
+        readonly: false,
       },
       ui: {
         width: 24
@@ -25,6 +26,7 @@ export default [{
         description: "",
         placeholder: "请选择",
         required: false,
+        readonly: false,
         options: [{
           label: "选择1",
           value: 0
@@ -48,6 +50,7 @@ export default [{
         description: "",
         placeholder: "请选择",
         required: false,
+        readonly: false,
         options: [{
           label: "选择1",
           value: 1
@@ -70,7 +73,8 @@ export default [{
         title: "日期选择框",
         description: "",
         placeholder: "请选择",
-        required: false
+        required: false,
+        readonly: false,
       },
       ui: {
         width: 24
@@ -83,7 +87,8 @@ export default [{
         title: "时间日期选择框",
         description: "",
         placeholder: "请选择",
-        required: false
+        required: false,
+        readonly: false,
       },
       ui: {
         width: 24
@@ -98,6 +103,7 @@ export default [{
         placeholder: "请输入",
         rows: 3,
         required: false,
+        readonly: false,
       },
       ui: {
         width: 24
@@ -110,7 +116,8 @@ export default [{
         title: "数值框",
         description: "",
         placeholder: "请输入",
-        required: false
+        required: false,
+        readonly: false,
       },
       ui: {
         width: 24
@@ -123,7 +130,8 @@ export default [{
         title: "金额框",
         description: "",
         placeholder: "请输入",
-        required: false
+        required: false,
+        readonly: false,
       },
       ui: {
         width: 24,
diff --git a/src/widgets/amount/input.vue b/src/widgets/amount/input.vue
index b0e6a13..c30f06c 100644
--- a/src/widgets/amount/input.vue
+++ b/src/widgets/amount/input.vue
@@ -3,6 +3,7 @@
     class="w100"
     @input.native="inputhandle"
     :placeholder="item.attributes.placeholder"
+    :readonly="'readonly' in item.attributes ? item.attributes.readonly : false"
     v-model="item.value"
     controls-position="right"
   ></el-input>
diff --git a/src/widgets/date/input.vue b/src/widgets/date/input.vue
index fbd278e..9061233 100644
--- a/src/widgets/date/input.vue
+++ b/src/widgets/date/input.vue
@@ -4,6 +4,7 @@
     v-model="item.value"
     value-format="yyyy-MM-dd HH:mm:ss"
     type="date"
+    :readonly="'readonly' in item.attributes ? item.attributes.readonly : false"
     :placeholder="item.attributes.placeholder"
   ></el-date-picker>
 </template>
diff --git a/src/widgets/datetime/input.vue b/src/widgets/datetime/input.vue
index 70e111a..2a277b7 100644
--- a/src/widgets/datetime/input.vue
+++ b/src/widgets/datetime/input.vue
@@ -4,6 +4,7 @@
     v-model="item.value"
     type="datetime"
     :placeholder="item.attributes.placeholder"
+    :readonly="'readonly' in item.attributes ? item.attributes.readonly : false"
   ></el-date-picker>
 </template>
 
diff --git a/src/widgets/multi-select/input.vue b/src/widgets/multi-select/input.vue
index 9195d6d..c8d7a87 100644
--- a/src/widgets/multi-select/input.vue
+++ b/src/widgets/multi-select/input.vue
@@ -4,6 +4,7 @@
     v-model="item.value"
     multiple
     :placeholder="item.attributes.placeholder"
+    :readonly="'readonly' in item.attributes ? item.attributes.readonly : false"
   >
     <el-option
       v-for="(option,i) in item.attributes.options"
diff --git a/src/widgets/number/input.vue b/src/widgets/number/input.vue
index 5f0aed1..a61d675 100644
--- a/src/widgets/number/input.vue
+++ b/src/widgets/number/input.vue
@@ -3,6 +3,7 @@
     class="w100"
     @input.native="inputhandle"
     :placeholder="item.attributes.placeholder"
+    :readonly="'readonly' in item.attributes ? item.attributes.readonly : false"
     v-model="item.value"
     controls-position="right"
   ></el-input>
diff --git a/src/widgets/select/input.vue b/src/widgets/select/input.vue
index 4aa69bc..6eb3306 100644
--- a/src/widgets/select/input.vue
+++ b/src/widgets/select/input.vue
@@ -4,6 +4,7 @@
     v-model="item.value"
     :placeholder="item.attributes.placeholder"
   >
+  :readonly="'readonly' in item.attributes ? item.attributes.readonly : false"
     <el-option
       v-for="(option,i) in item.attributes.options"
       :key="i"
diff --git a/src/widgets/string/input.vue b/src/widgets/string/input.vue
index d3cce96..8556cc9 100644
--- a/src/widgets/string/input.vue
+++ b/src/widgets/string/input.vue
@@ -1,10 +1,14 @@
 <template>
-  <el-input v-model="item.value" :placeholder="item.attributes.placeholder"></el-input>
+  <el-input
+    v-model="item.value"
+    :placeholder="item.attributes.placeholder"
+    :readonly="'readonly' in item.attributes ? item.attributes.readonly : false"
+  ></el-input>
 </template>
 
 <script>
-import vModel from "../../vModel"
+import vModel from "../../vModel";
 export default {
-  extends: vModel
+  extends: vModel,
 };
 </script>
diff --git a/src/widgets/textarea/input.vue b/src/widgets/textarea/input.vue
index 32d0fd9..78c47bc 100644
--- a/src/widgets/textarea/input.vue
+++ b/src/widgets/textarea/input.vue
@@ -4,6 +4,7 @@
     type="textarea"
     :rows="item.attributes.rows||3"
     :placeholder="item.attributes.placeholder"
+    :readonly="'readonly' in item.attributes ? item.attributes.readonly : false"
   ></el-input>
 </template>