K.return_set_html方法_快速生成HTML输入框

puyuetian 发布于: puyuetian.js , 2021-05-21

版本:4.0.0

K.return_set_html方法可以快速生成HTML输入框,type支持:text,number,email,label,password,checkbox,checkboxs,textarea,code,nav,json,editor,switch,toggle,upload,uploads,time

/*
 * data:[{"name":"","title":"","content":"","type":"","value":""},]
 */
K.return_set_html(data)
用法举例:
K.return_set_html([{"name":"username","title":"用户名","content":"由数字字母组成","type":"text","value":""},{"name":"password","title":"密码","content":"5-16位","type":"password","value":""}]);
// 返回"<div class="pk-row"><div class="pk-row pk-margin-bottom-15" data-name="username"><div class="pk-w-sm-12 _title" style="font-size:14px;padding-bottom:5px;color:#777">用户名<i class="fa fa-fw fa-question-circle-o pk-text-danger pk-cursor-pointer" data-content="由数字字母组成" onclick="K.alert('<div class=pk-text-sm>'+$(this).data('content')+'</div>',false)"></i></div><div class="pk-w-sm-12 _content"><input type="text" name="username" class="pk-textbox _input_text" value="" autocomplete="off"></div></div><div class="pk-row pk-margin-bottom-15" data-name="password"><div class="pk-w-sm-12 _title" style="font-size:14px;padding-bottom:5px;color:#777">密码<i class="fa fa-fw fa-question-circle-o pk-text-danger pk-cursor-pointer" data-content="5-16位" onclick="K.alert('<div class=pk-text-sm>'+$(this).data('content')+'</div>',false)"></i></div><div class="pk-w-sm-12 _content"><input type="text" name="password" class="pk-textbox _input_password" value="" autocomplete="off"></div></div></div>"


该方法可以快速生成对应的HTML片段,具体用法需要开发者自己体会。



发表评论
评论列表
加载更多