问题描述
- 这个怎么用html写出来
-
写了好多次 都是空好大的地方
解决方案
以上代码的效果
解决方案二：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>table</title>
</head>
<body>
<div>
<style type="text/css">
table.tb {
font-family: verdana,arial,sans-serif;
font-size:11px;
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
width: 570px;
}
table.tb td {
border-width: 1px;
padding: 2px;
border-style: solid;
border-color: #666666;
background-color: #ffffff;
}
table.htb {
border-width: 0px;
border-collapse: collapse;
}
table.htb td {
border-width: 1px;
padding: 2px;
border-style: solid;
border-color: #666666;
}
.textarea{
height:100px;
width:480px;
max-width: 480px;
max-height: 100px;
/* 禁止拖动文本域 */
resize:none
}
textarea.textarea{
padding: 0;
margin: 0;
}
</style>
<!--
样式参考地址：
http://blog.csdn.net/nightelve/article/details/7957726
-->
<table class="tb" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4" style="text-align:center;background-color: #AFDCF7; ">我的标题</td>
</tr>
<tr>
<td width="15%">人员姓名</td>
<td width=""><input type="text" value="必填" style="width:98%" ></td>
<td width="15%">性别</td>
<td width="15%">
<select name="sex" id="sex">
<option value ="volvo">男</option>
<option value ="saab">女</option>
</select>
</td>
</tr>
<tr>
<td width="15%">籍贯</td>
<td width=""><input type="text" value="" style="width:98%" ></td>
<td width="15%">民族</td>
<td width="15%">
<select name="" id="">
<option value ="volvo">汉</option>
<option value ="saab">其他</option>
</select>
</td>
</tr>
<tr>
<td width="15%">政治面目</td>
<td width="">
<select name="" id="">
<option value ="volvo">党员</option>
<option value ="saab">群主</option>
<option value ="saab">其他</option>
</select>
</td>
<td width="15%">文化程度</td>
<td width="15%">
<select name="" id="">
<option value ="volvo">博士</option>
<option value ="saab">硕士</option>
<option value ="saab">其他</option>
</select>
</td>
</tr>
<tr>
<td width="15%">出生年月</td>
<td width="">
<input type="text" style="width:98%">
</td>
<td width="15%">移动电话</td>
<td width="15%">
<input type="text" style="width:94%">
</td>
</tr>
<tr>
<td width="15%">电子邮箱</td>
<td width="">
<input type="text" style="width:98%">
</td>
<td width="15%">人员类型</td>
<td width="15%">
<select name="" id="">
<option value ="volvo">A</option>
<option value ="saab">B</option>
<option value ="saab">其他</option>
</select>
</td>
</tr>
<tr>
<td width="15%">部门</td>
<td width="">
<table class="htb">
<tr>
<td><input type="text" style="width:96%"></td>
<td width="15%">职位</td>
<td><input type="text" style="width:96%"></td>
</tr>
</table>
</td>
<td width="15%">职务</td>
<td width="15%">
<select name="" id="">
<option value ="volvo">董事长</option>
<option value ="saab">总经理</option>
<option value ="saab">其他</option>
</select>
</td>
</tr>
<tr>
<td width="15%">身份证类型</td>
<td width="">
<select name="" id="">
<option value ="volvo">A</option>
<option value ="saab">B</option>
<option value ="saab">其他</option>
</select>
</td>
<td width="15%">身份证号码</td>
<td width="15%">
<input type="text" style="width:98%">
</td>
</tr>
<tr>
<td width="15%">证件扫描</td>
<td width="" colspan="3">
<input type="text" value="文件上传框"><input type="button" value="上传">
</td>
</tr>
<tr>
<td width="15%">备注</td>
<td width="" colspan="3">
<textarea class="textarea" name="" id="" cols="62" rows="10" width="98%"></textarea>
</td>
</tr>
</table>
</div>
</body>
</html>
解决方案三：
html不是很熟悉，你应该是设计好css布局就好了，不会刻意参照一下网上的表单设计页面，按F12就可以出来
解决方案四：
简单的方式就用table布局，可以分6列，通过colspan设置跨几列。通过width设置列宽
<table border='1'>
<tr>
<td colspan=6>新增信息</td>
</tr>
<tr>
<td>人员姓名</td>
<td colspan=3>文本框</td>
<td>性别</td>
<td>下拉框</td>
</tr>
<tr>
<td>部门</td>
<td>下拉框</td>
<td>职位</td>
<td>下拉框</td>
<td>性别</td>
<td>下拉框</td>
</tr>
</table>
解决方案五：
这不就是一个table就可以搞定的事吗？顶天涉及到一个colspan的属性以及一些简单的css，建议你还是好好熟悉下html吧
解决方案六：
table
table.tb {
font-family: verdana,arial,sans-serif;
font-size:11px;
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
width: 570px;
}
table.tb td {
border-width: 1px;
padding: 2px;
border-style: solid;
border-color: #666666;
background-color: #ffffff;
}
table.htb {
border-width: 0px;
border-collapse: collapse;
}
table.htb td {
border-width: 1px;
padding: 2px;
border-style: solid;
border-color: #666666;
}
.textarea{
height:100px;
width:480px;
max-width: 480px;
max-height: 100px;
/* 禁止拖动文本域 */
resize:none
}
textarea.textarea{
padding: 0;
margin: 0;
}
| 我的标题 | ||||||
| 人员姓名 | 性别 | 男女 | ||||
| 籍贯 | 民族 | 汉其他 | ||||
| 政治面目 | 党员群主其他 | 文化程度 | 博士硕士其他 | |||
| 出生年月 | 移动电话 | |||||
| 电子邮箱 | 人员类型 | AB其他 | ||||
| 部门 |
|
职务 | 董事长总经理其他 | |||
| 身份证类型 | AB其他 | 身份证号码 | ||||
| 证件扫描 | ||||||
| 备注 | ||||||
解决方案七：
亲 源代码呢 你这么叼？
相关文章
- for层次-用javascript代码写出来，怎么写
- 讯飞-如何将语音转化为文本用代码写出来
- 怎么用java写出来，新手求帮助
- 第五题怎么做，我写出来的有问题，能通过但是结果不符合的，用c或者java都也可以
- buffer-VB这句话用C#怎么表示？～头大了，能帮我把C#写出来么
- 求原理，腾讯JX框架官网的开始动画，很炫
- 怎么写出一个sql语句来表示销售的配件的数量
- 怎样让html语言变成网页面
- android-Android 这个布局用什么做？
- c#xna-同一款游戏用c#和用xna写出来的代码会与什么不一样
【云栖快讯】他，一路保送，但可能不是你想象中的学霸； 他，曾是微软最年轻的技术管理者，挑战带领跨国团队； 他，后来加入阿里，成为阿里西雅图分部的第22名员工； 他，就是阿里通用计算平台负责人关涛！ 通过短视频，为你揭晓他的成长和开发计算平台的经历，以及他对未来的展望！ 详情请点击
热门推荐
- 高性能云服务器2折起
- 云服务器配置
- 技术资料
- 云计算
- 域名
- shell
- node.js
- 问答
- java
- mysql
- C++
- python
- jQuery
- Android
- asp
- PHP技巧
- jQuery教程
- JavaScript技巧
- JS
- SEO
- sql server
- mysql教程
- 前端
- 技术文集
- 技术
- 主题地图
- A
- z
- 云服务器哪家好
- API
- 大数据
- 云安全
- 云存储
- 云计算
- 获取公众号授权失败
- 兼容性疑难解答
- path
- stm32
- jsonobject
- product
前三篇
- 非传递状态为-1.问一个问题，如何通过点击链接的不同改变需要显示的div层
- 页面布局中的问题 div有关
- 求sql大神前来解答，存储
后三篇
- javascript-关于JavaScript的引入
- opengl怎么画这样的曲线
- xml和注解混用-spring2.5注解和xml配置混用
(yq.aliyun.com)为您免费提供这个怎么用html写出来相关信息，包括
html
的信息
，所有这个怎么用html写出来相关内容均不代表的意见！
该页面h5页面的地址是：https://m.aliyun.com/yunqi/wenzhang/show_43413，您可以点击这个怎么用html写出来-手机站访问。