码迷,mamicode.com
首页 > 编程语言 > 详细

算法链配置工具开发记录

时间:2019-07-31 16:55:14      阅读:88      评论:0      收藏:0      [点我收藏+]

标签:表格   get   option   图片   type   字符   for   其他   put   

实际上就是写一个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+=‘...‘;
 
 

算法链配置工具开发记录

标签:表格   get   option   图片   type   字符   for   其他   put   

原文地址:https://www.cnblogs.com/caozy623/p/11277193.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!