实际上就是写一个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+=‘...‘;
原文地址：https://www.cnblogs.com/caozy623/p/11277193.html