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>