<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
#con{
margin: 0 auto;
width: 50%;
}
#top{
margin: 0 auto;
}
#low{
margin: 40px auto;
}
.tabTitle{
background-color: blue;
}
#td2{
width: 30%;
text-align: right;
}
</style>
</head>
<body>
<div id="con">
<fieldset id="top">
<legend class="tabTitle">任务基本信息</legend>
<table>
<tr>
<td>任务编号:</td>
<td><input type="text" readonly="true" value="123" /></td>
<td id="td2">任务名称:</td>
<td><input type="text" readonly="true" value="123" /></td>
</tr>
<tr>
<td>创建人:</td>
<td><input type="text" readonly="true" value="123" /></td>
<td id="td2">创建时间:</td>
<td><input type="text" readonly="true" value="123" /></td>
</tr>
<tr>
<td>任务描述:</td>
<td colspan="3"><textarea name="comment" rows="5" style="width:99%;height:100%"></textarea></td>
</tr>
</table>
</fieldset>
<fieldset id="low">
<legend class="tabTitle">算法参数信息</legend>
<table>
<tr>
<td>算法名称:</td>
<td><input type="text" readonly="true" value="123" /></td>
<td id="td2">K值:</td>
<td><input type="text" readonly="true" value="123" /></td>
</tr>
<tr>
<td>迭代次数:</td>
<td><input type="text" readonly="true" value="123" /></td>
<td id="td2">收敛距离:</td>
<td><input type="text" readonly="true" value="123" /></td>
</tr>
<tr>
<td>excutor数目:</td>
<td><input type="text" readonly="true" value="123" /></td>
<td id="td2">excutor核数:</td>
<td><input type="text" readonly="true" value="123" /></td>
</tr>
<tr>
<td>excutor内存:</td>
<td><input type="text" readonly="true" value="123" /></td>
</tr>
<tr>
<td>数据源名称:</td>
<td><input type="text" readonly="true" value="123" /></td>
</tr>
<tr>
<td>标识字段:</td>
<td colspan="3"><textarea name="comment" rows="2" style="width:99%;height:100%"></textarea></td>
</tr>
<tr>
<td>聚类字段:</td>
<td colspan="3"><textarea name="comment" rows="2" style="width:99%;height:100%"></textarea></td>
</tr>
<tr>
<td>数据源路:</td>
<td colspan="3"><input type="text" readonly="true" value="123" style="width:99%;height:100%" /></td>
</tr>
</table>
</fieldset>
</div>
</body>
</html>
带标题的边框
最新推荐文章于 2023-06-17 11:36:12 发布