layui-ul/source/components/form/ul-mobile-box/_index.html

<div class="ul-data-card" style="width: 320px;">
    <div class="body">
        <form
            class="layui-form ul-form-space-between"
            action=""
        >
            <div class="layui-form-item">
                <label class="layui-form-label">输入框</label>
                <div class="layui-input-block">
                    <input
                        type="text"
                        name="title"
                        required
                        lay-verify="required"
                        placeholder="请输入标题"
                        autocomplete="off"
                        class="layui-input"
                    >
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">密码框</label>
                <div class="layui-input-block">
                    <input
                        type="password"
                        name="password"
                        required
                        lay-verify="required"
                        placeholder="请输入密码"
                        autocomplete="off"
                        class="layui-input"
                    >
                    <div class="layui-form-mid layui-word-aux">辅助文字</div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">选择框</label>
                <div class="layui-input-block">
                    <select
                        name="city"
                        lay-verify="required"
                    >
                        <option value=""></option>
                        <option value="0">北京</option>
                        <option value="1">上海</option>
                        <option value="2">广州</option>
                        <option value="3">深圳</option>
                        <option value="4">杭州</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">复选框</label>
                <div class="layui-input-block">
                    <input
                        type="checkbox"
                        name="like[write]"
                        lay-skin="primary"
                        title="写作"
                    >
                    <input
                        type="checkbox"
                        name="like[read]"
                        lay-skin="primary"
                        title="阅读"
                        checked
                    >
                    <input
                        type="checkbox"
                        name="like[dai]"
                        lay-skin="primary"
                        title="发呆"
                    >
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">开关</label>
                <div class="layui-input-block">
                    <input
                        type="checkbox"
                        name="switch"
                        lay-skin="switch"
                    >
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">单选框</label>
                <div class="layui-input-block">
                    <input
                        type="radio"
                        name="sex"
                        value="男"
                        title="男"
                    >
                    <input
                        type="radio"
                        name="sex"
                        value="女"
                        title="女"
                        checked
                    >
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">文本域</label>
                <div class="layui-input-block">
                    <textarea
                        name="desc"
                        placeholder="请输入内容"
                        class="layui-textarea"
                    ></textarea>
                </div>
            </div>
            <div class="layui-form-item">
                <button
                    class="layui-btn layui-btn-fluid"
                    lay-submit
                    lay-filter="formDemo"
                >立即提交</button>

            </div>
        </form>
    </div>

</div>