一个HTML标签助手

浏览:1647 发布日期:2016/05/02 分类:功能实现
减少你的布局代码量.
首先定义一个控件模版
其次调用..就那么简单..

初始化我们的模版,我是用的bootstrap.一个表单要写的代码量太多了.所以想到了这个方法.
<!--{htmlinit id="text" form="name,content"}-->
<div class='form-group'>
<label class='col-sm-1 control-label'>[name]</label>
<div class='col-sm-5'>
<textarea name='[content]' class='form-control'></textarea>
</div>
</div>
<!--{/htmlinit}-->
标签内的内容可以为html,但是不能有双引号,,必须单引号.
输出使用<!--{htmlshow id="text" form="文本域,text"/}-->即可.这样标签会把模版内的[name] [content]替换成 文本域 text
当然,这2个表单是可以定义的.而且支持批量生成.如:<!--{htmlshow id="text" form="文本域1,text1|文本域2,text2|文本域3,text3"/}-->

生成一个select
<!--{htmlinit id="select" form="name,content,s1,s2"}-->
<div class='form-group'>
<label class='col-sm-1 control-label'>[name]</label>
<div class='col-sm-5'>
<label>
<select name='[content]'>
<option value=''>[s1]</option>
<option value=''>[s2]</option>
</select>
</label>
</div>
</div>
<!--{/htmlinit}-->
<!--{htmlshow id="select" form="下拉框,xz,选1,选2"/}-->
这样就生成了新的一个select.非常的方便,不过不支持数组生成value.这个有点可惜



头部定义的模版..表单处调用的..多简单啊

附件 Ke.rar ( 1.04 KB 下载:17 次 )

评论( 相关
后面还有条评论,点击查看>>