猿问

js拼接html有没有比较快的方法?

    <div class="formcode clearfix">

        <div class="title">新建用户<div class="xicon">x</div></div>

        <div class="formbox">

            <form action="">

                <p><span><label>* </label>用户名</span><input type="text" placeholder="数字/中英文组合,5-20位字符"></p>

                <p><span><label>* </label>登录密码</span><input type="text"></p>

                <p><span><label>* </label>确认密码</span><input type="text"></p>

                <p><span><label>* </label>员工姓名</span><input type="text"></p>

                <p><span><label>* </label>用户角色</span></p>

                <p><span><label>* </label>联系手机</span><input type="text"></p>

                <div class="tips">用户角色决定用户权限,请到角色管理系统统一设置</div>

                <input type="button" value="保存">

            </form>

        </div>

    </div>

拼接这样一段html 有没有技巧 或者简化方法

哈士奇WWW
浏览 569回答 1
1回答

温温酱

<script id="我是模板" type="text/html">&nbsp; &nbsp; <div class="formcode clearfix">&nbsp; &nbsp; &nbsp; &nbsp; <div class="title">新建用户<div class="xicon">x</div></div>&nbsp; &nbsp; &nbsp; &nbsp; <div class="formbox">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <form action="">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <p><span><label>* </label>用户名</span><input type="text" placeholder="数字/中英文组合,5-20位字符"></p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <p><span><label>* </label>登录密码</span><input type="text"></p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <p><span><label>* </label>确认密码</span><input type="text"></p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <p><span><label>* </label>员工姓名</span><input type="text"></p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <p><span><label>* </label>用户角色</span></p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <p><span><label>* </label>联系手机</span><input type="text"></p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <div class="tips">用户角色决定用户权限,请到角色管理系统统一设置</div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <input type="button" value="保存">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </form>&nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; </div></script><script>&nbsp; &nbsp; let _template = document.getElementById('我是模板').innerHTML;</script>
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答