Inline Form:

使用 `yo-list` 的 `item-input` 即可:

<div class="yo-list"> <label class="item item-input"> <span class="mark">账号</span> <input type="text" class="yo-input flex" placeholder="必须为中文" /> </label> <label class="item item-input"> <span class="mark">密码</span> <input type="text" class="yo-input flex" placeholder="必须为中文" /> </label> </div>

Placeholder Form:

使用 `yo-list` 的 `item-input` 即可:

<div class="yo-list"> <label class="item item-input"> <input type="text" class="yo-input" placeholder="用户名" /> </label> <label class="item item-input"> <input type="text" class="yo-input" placeholder="密码" /> </label> <label class="item item-input"> <textarea class="yo-input" placeholder="留言"></textarea> </label> </div>

Stacked Form:

使用 `yo-list` 的 `item-input` 和 `item-stacked` 即可:

<div class="yo-list"> <label class="item item-input item-stacked"> <span class="mark">账号</span> <input type="text" class="yo-input" placeholder="不能是中文" /> </label> <label class="item item-input item-stacked"> <span class="mark">密码</span> <input type="text" class="yo-input" placeholder="10个以上字符" /> </label> <label class="item item-input item-stacked"> <span class="mark">内容</span> <textarea class="yo-input" placeholder="100字以内"></textarea> </label> </div>

input和textarea都可以使用:

<div class="yo-list yo-list-inset"> <label class="item item-input"> <input type="text" class="yo-input" placeholder="用户名" /> </label> <label class="item item-input"> <input type="text" class="yo-input" placeholder="密码" /> </label> <label class="item item-input"> <textarea class="yo-input" placeholder="留言"></textarea> </label> </div>