实际上就是写一个HTML页面,通过JS写一些脚本函数来实现字符串处理和变换。
整个基本上是通过原生的一些用法来写的,记几个关键的地方吧,我也是边学边做。
整个居中的样式还有表格的样式(灰白相间)采用bootstrap框架的css部分。
具体就是:
<div class="container">
<table class="table table-striped table-bordered" >
应该去学一下这个框架应该也能发现其他很多好用的class直接使用即可,可以让UI变的美观。
下拉框使用select 如:
<select name="Version" id="Version">
<option value="1">1</option>
<option value="2">2</option>
</select>
复选框(原本是有做复选框的后来删了就是多个选择一个或者0个) :
<form>
<input type="radio" name="reranking_choose" value="reranking_busi_name" id="reranking_busi_name_choose" checked> reranking_busi_name
<input type="radio" name="reranking_choose" value="reranking_rule" id="reranking_rule"> reranking_rule
</form>
单选使用checkbox即可,复选框可以通过checked预设选中的选项。
文本框输入使用text,以上这些都是表单元素,提供交互(input)
“增加行” 功能
<table class="table table-striped table-bordered" id="tab">
...
var tab=document.getElementById('tab');
tab.innerHTML+='...';