diff --git a/docs/select/demo/max-count.md b/docs/select/demo/max-count.md
new file mode 100644
index 0000000000..952e160a11
--- /dev/null
+++ b/docs/select/demo/max-count.md
@@ -0,0 +1,58 @@
+# 最大数量
+
+- order: 3
+
+多选模式
+
+:::lang=en-us
+# max count
+
+- order: 3
+
+multiple select
+
+:::
+---
+
+````jsx
+import { Select, Balloon } from '@alifd/next';
+
+const { Tooltip } = Balloon;
+
+const dataSource = [
+    {value: '10001', label: 'Lucy King'},
+    {value: 10002, label: 'Lily King'},
+    {value: 10003, label: 'Tom Cat', disabled: true},
+    {label: 'Special Group', children: [
+        {value: -1, label: 'FALSE'},
+        {value: 0, label: 'ZERO'}
+    ]}
+];
+
+function handleChange(value) {
+    console.log(value);
+}
+
+const maxTagPlaceholder = (selectedValues, totalValues) => {
+    const trigger = <span>{`${selectedValues.length}/${totalValues.length}`}</span>;
+    const labels = selectedValues.map(obj => obj.label);
+
+    return <Tooltip trigger={trigger}>{ labels.join(', ') }</Tooltip>;
+};
+
+ReactDOM.render(
+    <div>
+        hasSelectAll:<br/>
+        <Select hasSelectAll mode="multiple" onChange={handleChange} dataSource={dataSource} style={{width: 200}} />
+        <br /><br />
+        maxTagCount=2<br />
+        <Select maxTagCount={2} defaultValue={['10001', '10002', '-1']} mode="multiple" onChange={handleChange} dataSource={dataSource} style={{width: 200}} /> <br /><br />
+        maxTagPlaceholder<br />
+        <Select maxTagCount={2} maxTagPlaceholder={maxTagPlaceholder} defaultValue={['10001', '10002', '-1']} mode="multiple" onChange={handleChange} dataSource={dataSource} style={{width: 200}} /><br /><br />
+        tagInline <br />
+        <Select maxTagCount={2} tagInline mode="multiple" defaultValue={['10001', '10002', '-1']}  onChange={handleChange} dataSource={dataSource} style={{width: 200}} /><br /><br />
+        maxTagPlaceholder<br />
+        <Select maxTagCount={2} tagInline maxTagPlaceholder={maxTagPlaceholder} defaultValue={['10001', '10002', '-1']}  mode="multiple" onChange={handleChange} dataSource={dataSource} style={{width: 200}} /><br /><br />
+    </div>
+, mountNode);
+````
diff --git a/docs/select/demo/multiple.md b/docs/select/demo/multiple.md
index 468079b2e7..99814f6f44 100644
--- a/docs/select/demo/multiple.md
+++ b/docs/select/demo/multiple.md
@@ -2,30 +2,27 @@
 
 - order: 2
 
-多选模式
+多选模式, 通过 `showSearch` 可以开启搜索, 但搜索值不可用作选项
+
 
 :::lang=en-us
 # Multiple
 
 - order: 2
 
-multiple select
-
+multiple select, use `showSearch` to search, search value can not to be a option (different with mode=tag);
 :::
 ---
 
 ````jsx
-import { Select, Balloon } from '@alifd/next';
-
-const { Tooltip } = Balloon;
+import { Select } from '@alifd/next';
 
 const dataSource = [
     {value: '10001', label: 'Lucy King'},
     {value: 10002, label: 'Lily King'},
     {value: 10003, label: 'Tom Cat', disabled: true},
     {label: 'Special Group', children: [
-        {value: new Date(), label: 'new Date()'},
-        {value: 'false', label: 'FALSE'},
+        {value: -1, label: 'FALSE'},
         {value: 0, label: 'ZERO'}
     ]}
 ];
@@ -34,45 +31,9 @@ function handleChange(value) {
     console.log(value);
 }
 
-
-class Demo extends React.Component{
-  constructor(props) {
-    super(props);
-    this.state = {
-      value: []
-    };
-  }
-
-  handleChange = (value) => {
-    this.setState({value});
-  }
-
-  render() {
-    return (
-    <Select hasSelectAll value={this.state.value}  mode="multiple" onChange={this.handleChange} dataSource={dataSource} style={{width: 200}} />);
-  }
-}
-
-const maxTagPlaceholder = (selectedValues, totalValues) => {
-    const trigger = <span>{`已选择 ${selectedValues.length}/${totalValues.length} 项`}</span>;
-    const labels = selectedValues.map(obj => obj.label);
-
-    return <Tooltip trigger={trigger}>{ labels.join(', ') }</Tooltip>;
-};
-
 ReactDOM.render(
     <div>
-        <Select mode="multiple" onChange={handleChange} dataSource={dataSource} style={{width: 200}} />
-        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-        受控写法 <Demo /><br /><br />
-        设置最大显示Tag数 (maxTagCount) <br />
-        <Select maxTagCount={2} mode="multiple" onChange={handleChange} dataSource={dataSource} style={{width: 200}} /> <br /><br />
-        设置最大显示Tag数，并自定义超出显示内容 (maxTagCount + maxTagPlaceholder) <br />
-        <Select maxTagCount={2} maxTagPlaceholder={maxTagPlaceholder} mode="multiple" onChange={handleChange} dataSource={dataSource} style={{width: 200}} /><br /><br />
-        设置一行展示 (tagInline) <br />
-        <Select maxTagCount={2} tagInline mode="multiple" onChange={handleChange} dataSource={dataSource} style={{width: 200}} /><br /><br />
-        设置一行展示，并自定义超出显示内容 (tagInline + maxTagPlaceholder) <br />
-        <Select maxTagCount={2} tagInline maxTagPlaceholder={maxTagPlaceholder} mode="multiple" onChange={handleChange} dataSource={dataSource} style={{width: 200}} /><br /><br />
+        <Select mode="multiple" showSearch defaultValue={['10001']} onChange={handleChange} dataSource={dataSource} style={{width: 300}} />
     </div>
 , mountNode);
 ````
diff --git a/docs/select/demo/select-basic.md b/docs/select/demo/select-basic.md
index c0cf65b645..a9e81f5563 100644
--- a/docs/select/demo/select-basic.md
+++ b/docs/select/demo/select-basic.md
@@ -1,13 +1,13 @@
 # 选择器
 
-- order: 3
+- order: 4
 
 演示了 Select 的多种形态.
 
 :::lang=en-us
 # Select
 
-- order: 3
+- order: 4
 
 api usage of select
 :::
@@ -21,8 +21,7 @@ const dataSource = [
     {value: 10002, label: 'Lily King'},
     {value: 10003, label: 'Tom Cat', disabled: true},
     {label: 'Special Group', children: [
-        {value: new Date(), label: 'new Date()'},
-        {value: false, label: 'FALSE'},
+        {value: -1, label: 'FALSE'},
         {value: 0, label: 'ZERO'}
     ]}
 ];
diff --git a/docs/select/demo/select-custom-value.md b/docs/select/demo/select-custom-value.md
index daee15a347..b7ec0edea3 100644
--- a/docs/select/demo/select-custom-value.md
+++ b/docs/select/demo/select-custom-value.md
@@ -31,22 +31,6 @@ const valueRender = v => {
     return `${v.value} / ${v.gender} / ${v.age}`;
 };
 
-ReactDOM.render(
-    <div className="demo-container">
-        <Select
-            mode="multiple"
-            placeholder="custom value"
-            valueRender={valueRender}
-            dataSource={dataSource}
-            onChange={handleChange} />
-    </div>,
-    mountNode
-);
+ReactDOM.render(<Select mode="multiple" placeholder="custom value" valueRender={valueRender} dataSource={dataSource} onChange={handleChange} />, mountNode);
 ````
 
-````css
-.demo-container {
-    padding: 16px;
-    background-color: #F8F8F8;
-}
-````
diff --git a/docs/select/demo/select-label.md b/docs/select/demo/select-label.md
new file mode 100644
index 0000000000..352862e076
--- /dev/null
+++ b/docs/select/demo/select-label.md
@@ -0,0 +1,32 @@
+# 前后缀
+
+- order: 7
+
+Select 增加前后缀
+
+:::lang=en-us
+# prefix and suffix
+
+- order: 7
+
+add prefix or suffix to select
+:::
+---
+
+````jsx
+import { Select } from '@alifd/next';
+
+const dataSource = [
+    {label: '1', value: 1},
+    {label: '10', value: 10},
+    {label: '50', value: 50},
+    {label: '100', value: 100}
+];
+
+const handleChange = value => {
+    console.log('handleChange: ', value);
+};
+
+ReactDOM.render(<Select label="size:" innerAfter={<span style={{color: '#999', marginRight: 4}}>GB</span>} dataSource={dataSource} onChange={handleChange} />, mountNode);
+````
+
diff --git a/src/input/input.jsx b/src/input/input.jsx
index dbbf62ab73..c1351298ad 100644
--- a/src/input/input.jsx
+++ b/src/input/input.jsx
@@ -323,11 +323,11 @@ export default class Input extends Base {
                 className={cls}
                 style={hasAddon ? undefined : style}
             >
-                {this.renderInner(innerBefore, innerBeforeCls)}
                 {this.renderLabel()}
+                {this.renderInner(innerBefore, innerBeforeCls)}
                 {inputRender(inputEl)}
-                {this.renderControl()}
                 {this.renderInner(innerAfter, innerAfterCls)}
+                {this.renderControl()}
             </span>
         );
 
diff --git a/src/select/main.scss b/src/select/main.scss
index 9e53ec62bf..5f8f74dba4 100644
--- a/src/select/main.scss
+++ b/src/select/main.scss
@@ -89,6 +89,10 @@
             padding-left: $select-tag-padding-lr;
             padding-right: $select-tag-padding-lr;
         }
+
+        .#{$css-prefix}input-inner {
+            width: auto;
+        }
     }
 
     &-trigger-search {
@@ -171,10 +175,6 @@
     }
 
     &-multiple {
-        .#{$css-prefix}input {
-            height: auto;
-            align-items: start;
-        }
         #{$select-prefix}-compact {
             position: relative;
             white-space: nowrap;