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

Question

    <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 有没有技巧 或者简化方法

Answer 1

<script id="我是模板" type="text/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>

</script>

<script>

    let _template = document.getElementById('我是模板').innerHTML;

</script>