表格样式如图:

代码如下:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>信息调查</title>

<style>

*{

margin:0;

padding: 0;

}

.wrapper{

margin: 0 auto;

}

.table{

padding: 5px;

background-color: rgb(255, 251, 214);

border-collapse: collapse;

}

h1{

text-align: center;

}

.table th{

width: 10px;

border: 0.5px solid black;

}

.table td{

width: 10px;

border: 0.5px solid black;

}

.table textarea{

width: 100px;

background-color:  rgb(255, 251, 214);

margin: 3px 3px;

}

.table input{

width: 100px;

height: 100px;

}

</style>

</head>

<body>

<h1 class="wrapper">信息收集</h1>

<table class="table wrapper">

<tr>

<th>

您的姓名

</th>

<th>

您的手机号码

</th>

<th>

您的城市

</th>

<th>

您认为本产品的优点是什么?

</th>

<th>

您的职业?

</th>

<th>

您的需求?

</th>

<th>

您的年龄

</th>

<th>

您的性别

</th>

<th rowspan="2">

<input type="button" value="提交">

</th>

</tr>

<tr>

<td>

<textarea  ></textarea>

</td>

<td>

<textarea  ></textarea>

</td>

<td>

<textarea  ></textarea>

</td>

<td>

<textarea  ></textarea>

</td>

<td>

<textarea  ></textarea>

</td>

<td>

<textarea  ></textarea>

</td>

<td>

<textarea  ></textarea>

</td>

<td>

<textarea  ></textarea>

</td>

</tr>

</table>

</body>

</html>

【博学谷学习记录】超强总结,用心分享丨一种创新的表格相关推荐

  1. [博学谷学习记录]超强总结,用心分享|第07节 常用的API-----笔记篇

    目录 1.API 1.1 API概述-帮助文档的使用 1.2 键盘录入字符串 2. String类 2.1 String概述 2.2 String类的构造方法 2.4 创建字符串对象的区别对比 2.5 ...

  2. {博学谷学习记录} 超强总结,用心分享|狂野架构师-前置互联网架构演变过程

    本章以系统架构,数据架构,两种维度来进行讲解 目录 1 系统架构 1,1 单体架构 1.2 中台战略 2 数据库架构 2,1 单体架构 2.2 主从读写 2.3 分库分表 3 总结 1 系统架构 1, ...

  3. [博学谷学习记录]超强总结,用心分享|架构 Nacos入门

    提示:学习笔记 欢迎指点 文章目录 前言 一.Nacos安装 二.Nacos服务注册与发现 1.服务提供者Provider 2.服务消费者Consumer 三.Nacos作为配置中心 前言 Nacos ...

  4. [博学谷学习记录]超强总结,用心分享|架构 敏捷 - 开发管理之道

    提示:学习笔记 欢迎指点 文章目录 1.敏捷开发思想之道 2.面向对象开发之道 3.敏捷学习之道 1.敏捷开发思想之道 一名敏捷开发者,敏捷思想的掌握自然首当其冲.在敏捷开发实施的过程中,我们虽然不是 ...

  5. [博学谷学习记录]超强总结,用心分享|第16节 集合续-----笔记篇

    目录 1.HashSet集合 1.1HashSet集合概述和特点[应用] 1.2HashSet集合的基本应用[应用] 1.3哈希值[理解] 1.4哈希表结构[理解] 1.5HashSet集合存储学生对 ...

  6. [博学谷学习记录] 超强总结,用心分享|陌陌综合案例

    注:大家觉得博客好的话,别忘了点赞收藏呀,本人每周都会更新关于人工智能和大数据相关的内容,内容多为原创,Python Java Scala SQL 代码,CV NLP 推荐系统等,Spark Flin ...

  7. [博学谷学习记录]超强总结,用心分享|Hive的压缩格式

    压缩格式 工具 算法 文件扩展名 是否可切分 DEFAULT 无 DEFAULT .deflate 否 Gzip gzip DEFAULT .gz 否 bzip2 bzip2 bzip2 .bz2 是 ...

  8. [博学谷学习记录]超强总结,用心分享|软件测试之计算机基础(一)

    本周开始学习软件测试,而我也即将开始在平台记录我的学习之路.我会把我的个人心得及掌握的知识发布在此平台,俗话说最好的输入就是输出,希望在输出的同时能有更多的收获,也希望与大家多多交流. 为了更好的学习 ...

  9. [博学谷学习记录]超强总结,用心分享|人工智能机械学习基础知识线性回归总结分享

    1.线性回归的核心是参数学习,线性回归和回归方程(函数)有关 2.线性回归是目标值预期是输入变量的线性组合 3.欠拟合的产生原因是学习到数据的特征过少 4.多元线性回归中的"线性" ...

  10. [博学谷学习记录] 超强总结,用心分享|JavaEE就业课-尊享无忧+Java基础语法|面向对象(1wk)

    学习笔记目录 目录 学习笔记目录 前言 一.变量 1. 关键字:被java赋予特殊含义的字符 2. 常量:不会发生改变的量(数据)​编辑 3. 变量:内存中的存储空间. 4. 类型转换 5. 算术运算 ...

最新文章

  1. MySQL全面优化,速度飞起来
  2. Moore状态机和Mealy状态机的区别
  3. vmlite linux版本,vmlite 安装 xp mode及xp、win7、linux的虚拟磁盘到d盘的方法
  4. 美术的故事 —— 那些用技术创造艺术的游戏开发者
  5. 为什么在2012/2013年我将在新的Enterprise Java项目中继续使用Spring *和* Java EE
  6. 自定义ListView中的分割线
  7. OpenCV调整图像的亮度
  8. 1.6.PHP7.1 狐教程-【版本库客户端 git SourceTree安装配置使用】
  9. Filenet 周报(12.02-12.08)
  10. 射频识别技术——数据编码
  11. 【SAP-SD】物料 X 未对销售组织 XXXX 分销渠道 X 语言 DE 定义
  12. Install JD-GUI on Mac OSX
  13. 国外遥感影像如何下载之利用USGS网站影像下载无需JAVA
  14. git stage 暂存_Git暂存区之理解Git暂存区(stage)
  15. 好好说话之Use After Free
  16. 09组团队项目-Alpha冲刺-2/6
  17. js数组查找最接近_js 2种方法从数组里面找到最接近某个数值的值(小于该指定值,并且大于其他值)...
  18. php语言中$意思,PHP语言中的lt;gt;符号是什么意思?
  19. 无懈可击的web设计笔记
  20. PGSQL允许远程连接

热门文章

  1. BT源代码学习心得(五):统一网络服务接口--RawServer -- 转贴自 wolfenstein (NeverSayNever)
  2. kafka.common.InconsistentClusterIdException: The Cluster ID doesn‘t match stored clusterId Some()
  3. SPSS可以制作哪些图表?
  4. KSO-纯CSS全屏图片,全屏背景图,自适应
  5. 初探 ModBus4j -简单使用指南
  6. rails rjs select method help
  7. 2022夏每日一题(三)
  8. CSP-M4补题 B_ZJM要抵御宇宙射线
  9. 海思android随笔之工厂菜单PQ acm color调用流程
  10. Linux编程基础案例:第4章Shell编程