Browse Source

update form demo page

pull/40/head
simaQ 10 years ago
parent
commit
a72bc1b93b
  1. 7
      components/form/demo/horizontal-form.md
  2. 21
      components/form/demo/input-size.md
  3. 18
      components/form/demo/inputs.md

7
components/form/demo/horizontal-form.md

@ -14,14 +14,9 @@
<form class="ant-form-horizontal"> <form class="ant-form-horizontal">
<div class="ant-form-item"> <div class="ant-form-item">
<label for="userName" class="col-6" required>用户名:</label> <label for="userName" class="col-6" required>用户名:</label>
<div class="col-4"> <div class="col-6">
<p class="ant-form-text">大眼萌 minion</p> <p class="ant-form-text">大眼萌 minion</p>
</div> </div>
<div class="col-9">
<p class="ant-form-text">
<a href="javascript:;">什么鬼?</a>
</p>
</div>
</div> </div>
<div class="ant-form-item"> <div class="ant-form-item">
<label for="password" class="col-6" required>密码:</label> <label for="password" class="col-6" required>密码:</label>

21
components/form/demo/input-size.md

@ -9,16 +9,17 @@
--- ---
````html ````html
<div class="row">
<div class="ant-inputs"> <div class="ant-input-group">
<div class="ant-inputs-item"> <div class="col-6">
<input class="ant-input ant-input-lg" type="text" id="largeInput" placeholder="大尺寸"/> <input class="ant-input ant-input-lg" type="text" id="largeInput" placeholder="大尺寸"/>
</div> </div>
<div class="ant-inputs-item"> <div class="col-6">
<input class="ant-input" type="text" id="defaultInput" placeholder="默认尺寸"/> <input class="ant-input" type="text" id="defaultInput" placeholder="默认尺寸"/>
</div> </div>
<div class="ant-inputs-item"> <div class="col-6">
<input class="ant-input ant-input-sm" type="text" id="smallInput" placeholder="小尺寸"/> <input class="ant-input ant-input-sm" type="text" id="smallInput" placeholder="小尺寸"/>
</div>
</div> </div>
</div> </div>

18
components/form/demo/inputs.md

@ -44,17 +44,17 @@
<div class="ant-form-item"> <div class="ant-form-item">
<label class="col-6">输入身份证:</label> <label class="col-6">输入身份证:</label>
<div class="col-16"> <div class="col-16">
<div class="ant-inputs"> <div class="ant-input-group">
<div class="ant-inputs-item"> <div class="col-6">
<input class="ant-input" type="text" id="certNo1" /> <input class="ant-input" type="text" id="certNo1" />
</div> </div>
<div class="ant-inputs-item"> <div class="col-6">
<input class="ant-input" type="text" id="certNo2" /> <input class="ant-input" type="text" id="certNo2" />
</div> </div>
<div class="ant-inputs-item"> <div class="col-6">
<input class="ant-input" type="text" id="certNo3" /> <input class="ant-input" type="text" id="certNo3" />
</div> </div>
<div class="ant-inputs-item"> <div class="col-6">
<input class="ant-input" type="text" id="certNo4" /> <input class="ant-input" type="text" id="certNo4" />
</div> </div>
</div> </div>
@ -71,14 +71,14 @@
<p class="ant-form-split">--</p> <p class="ant-form-split">--</p>
</div> </div>
<div class="col-18"> <div class="col-18">
<div class="ant-inputs"> <div class="ant-input-group">
<div class="ant-inputs-item"> <div class="col-6">
<input class="ant-input" type="text" id="tel1" /> <input class="ant-input" type="text" id="tel1" />
</div> </div>
<div class="ant-inputs-item"> <div class="col-6">
<input class="ant-input" type="text" id="tel2" /> <input class="ant-input" type="text" id="tel2" />
</div> </div>
<div class="ant-inputs-item"> <div class="col-6">
<input class="ant-input" type="text" id="tel3" /> <input class="ant-input" type="text" id="tel3" />
</div> </div>
</div> </div>

Loading…
Cancel
Save