diff --git a/example/pages/search/index.wxml b/example/pages/search/index.wxml
index 089707fa..95985b68 100644
--- a/example/pages/search/index.wxml
+++ b/example/pages/search/index.wxml
@@ -19,6 +19,30 @@
   />
 </demo-block>
 
+<demo-block title="禁用搜索框">
+  <van-search
+    value="{{ value }}"
+    placeholder="请输入搜索关键词"
+    disabled
+  />
+</demo-block>
+
+<demo-block title="自定义背景色">
+  <van-search
+    value="{{ value }}"
+    placeholder="请输入搜索关键词"
+    background="#c8c9cc"
+  />
+</demo-block>
+
+<demo-block title="搜索框内容对齐">
+  <van-search
+    value="{{ value }}"
+    placeholder="请输入搜索关键词"
+    input-align="center"
+  />
+</demo-block>
+
 <demo-block title="高级用法">
   <van-search
     value="{{ value }}"
diff --git a/packages/search/README.md b/packages/search/README.md
index c4ede2f8..92b76bce 100644
--- a/packages/search/README.md
+++ b/packages/search/README.md
@@ -34,6 +34,30 @@
 />
 ```
 
+### 自定义背景色
+
+通过 `background` 属性可以自定义组件背景色
+
+```html
+<van-search placeholder="Placeholder" value="{{ value }}" background="#c8c9cc"/>
+```
+
+### 禁用搜索框
+
+通过 `disabled` 属性可以将组件设置为禁用状态
+
+```html
+<van-search placeholder="请输入搜索关键词" value="{{ value }}" disabled/>
+```
+
+### 搜索框内容对齐
+
+通过 `input-align` 属性可以设置搜索框内容的对齐方式
+
+```html
+<van-search placeholder="Placeholder" value="{{ value }}" input-align="center"/>
+```
+
 ### 自定义行动按钮
 
 `van-search` 支持自定义右侧取消按钮，使用名字为 action 的 slot，并设置 use-action-slot 为 true 即可。