init

public/frontend/layui-main/docs/form/examples/input.group.md

@@ -0,0 +1,84 @@
+<div class="layui-form">
+  <div class="layui-form-item">    
+    <div class="layui-input-group">
+      <div class="layui-input-split layui-input-prefix">
+        身高
+      </div>
+      <input type="text" placeholder="带任意前置和后置内容" class="layui-input">
+      <div class="layui-input-split layui-input-suffix">
+        cm
+      </div>
+    </div>
+  </div>
+  <div class="layui-form-item">
+    <div class="layui-input-group">
+      <div class="layui-input-split layui-input-prefix">
+        手机号
+      </div>
+      <input type="text" placeholder="带任意前置和后置内容" class="layui-input">
+      <div class="layui-input-suffix">
+        <button class="layui-btn layui-btn-primary">一个按钮</button>
+      </div>
+    </div>
+  </div>
+  <div class="layui-form-item">
+    <div class="layui-input-group">
+      <div class="layui-input-split layui-input-prefix">
+        用户名
+      </div>
+      <input type="text" placeholder="带任意前置内容" class="layui-input">
+    </div>
+  </div>
+  
+  <div class="layui-form-item">
+    <div class="layui-input-group">
+      <input type="text" placeholder="带任意后置内容" class="layui-input">
+      <div class="layui-input-split layui-input-suffix" style="cursor: pointer;">
+        <i class="layui-icon layui-icon-search"></i>
+      </div>
+    </div>
+  </div>
+  <div class="layui-form-item">
+    <div class="layui-input-group">
+      <div class="layui-input-prefix">
+        搜索
+      </div>
+      <input type="text" placeholder="带任意前置和后置内容" class="layui-input">
+      <div class="layui-input-split layui-input-suffix" style="cursor: pointer;">
+        <i class="layui-icon layui-icon-search"></i>
+      </div>
+    </div>
+  </div>
+  
+  <hr style="margin: 32px 0;">
+
+  <div class="layui-form-item">
+    <div class="layui-input-group">
+      <div class="layui-input-prefix">
+        身高
+      </div>
+      <input type="text" placeholder="前置和后置无分割框" class="layui-input">
+      <div class="layui-input-suffix">
+        cm
+      </div>
+    </div>
+  </div>
+  <div class="layui-form-item">
+    <div class="layui-input-group">
+      <div class="layui-input-prefix">
+        昵称
+      </div>
+      <input type="text" placeholder="带前置且无分割框" class="layui-input">
+    </div>
+  </div>
+  <div class="layui-form-item">
+    <div class="layui-input-group">
+      <input type="text" placeholder="带后置且无分割框" class="layui-input">
+      <div class="layui-input-suffix">
+        <i class="layui-icon layui-icon-tips"></i> 任意后置内容
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- import layui -->