【博学谷学习记录】超强总结,用心分享丨一种创新的表格
表格样式如图:
代码如下:
<!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>
【博学谷学习记录】超强总结,用心分享丨一种创新的表格相关推荐
- [博学谷学习记录]超强总结,用心分享|第07节 常用的API-----笔记篇
目录 1.API 1.1 API概述-帮助文档的使用 1.2 键盘录入字符串 2. String类 2.1 String概述 2.2 String类的构造方法 2.4 创建字符串对象的区别对比 2.5 ...
- {博学谷学习记录} 超强总结,用心分享|狂野架构师-前置互联网架构演变过程
本章以系统架构,数据架构,两种维度来进行讲解 目录 1 系统架构 1,1 单体架构 1.2 中台战略 2 数据库架构 2,1 单体架构 2.2 主从读写 2.3 分库分表 3 总结 1 系统架构 1, ...
- [博学谷学习记录]超强总结,用心分享|架构 Nacos入门
提示:学习笔记 欢迎指点 文章目录 前言 一.Nacos安装 二.Nacos服务注册与发现 1.服务提供者Provider 2.服务消费者Consumer 三.Nacos作为配置中心 前言 Nacos ...
- [博学谷学习记录]超强总结,用心分享|架构 敏捷 - 开发管理之道
提示:学习笔记 欢迎指点 文章目录 1.敏捷开发思想之道 2.面向对象开发之道 3.敏捷学习之道 1.敏捷开发思想之道 一名敏捷开发者,敏捷思想的掌握自然首当其冲.在敏捷开发实施的过程中,我们虽然不是 ...
- [博学谷学习记录]超强总结,用心分享|第16节 集合续-----笔记篇
目录 1.HashSet集合 1.1HashSet集合概述和特点[应用] 1.2HashSet集合的基本应用[应用] 1.3哈希值[理解] 1.4哈希表结构[理解] 1.5HashSet集合存储学生对 ...
- [博学谷学习记录] 超强总结,用心分享|陌陌综合案例
注:大家觉得博客好的话,别忘了点赞收藏呀,本人每周都会更新关于人工智能和大数据相关的内容,内容多为原创,Python Java Scala SQL 代码,CV NLP 推荐系统等,Spark Flin ...
- [博学谷学习记录]超强总结,用心分享|Hive的压缩格式
压缩格式 工具 算法 文件扩展名 是否可切分 DEFAULT 无 DEFAULT .deflate 否 Gzip gzip DEFAULT .gz 否 bzip2 bzip2 bzip2 .bz2 是 ...
- [博学谷学习记录]超强总结,用心分享|软件测试之计算机基础(一)
本周开始学习软件测试,而我也即将开始在平台记录我的学习之路.我会把我的个人心得及掌握的知识发布在此平台,俗话说最好的输入就是输出,希望在输出的同时能有更多的收获,也希望与大家多多交流. 为了更好的学习 ...
- [博学谷学习记录]超强总结,用心分享|人工智能机械学习基础知识线性回归总结分享
1.线性回归的核心是参数学习,线性回归和回归方程(函数)有关 2.线性回归是目标值预期是输入变量的线性组合 3.欠拟合的产生原因是学习到数据的特征过少 4.多元线性回归中的"线性" ...
- [博学谷学习记录] 超强总结,用心分享|JavaEE就业课-尊享无忧+Java基础语法|面向对象(1wk)
学习笔记目录 目录 学习笔记目录 前言 一.变量 1. 关键字:被java赋予特殊含义的字符 2. 常量:不会发生改变的量(数据)编辑 3. 变量:内存中的存储空间. 4. 类型转换 5. 算术运算 ...
最新文章
- MySQL全面优化,速度飞起来
- Moore状态机和Mealy状态机的区别
- vmlite linux版本,vmlite 安装 xp mode及xp、win7、linux的虚拟磁盘到d盘的方法
- 美术的故事 —— 那些用技术创造艺术的游戏开发者
- 为什么在2012/2013年我将在新的Enterprise Java项目中继续使用Spring *和* Java EE
- 自定义ListView中的分割线
- OpenCV调整图像的亮度
- 1.6.PHP7.1 狐教程-【版本库客户端 git SourceTree安装配置使用】
- Filenet 周报(12.02-12.08)
- 射频识别技术——数据编码
- 【SAP-SD】物料 X 未对销售组织 XXXX 分销渠道 X 语言 DE 定义
- Install JD-GUI on Mac OSX
- 国外遥感影像如何下载之利用USGS网站影像下载无需JAVA
- git stage 暂存_Git暂存区之理解Git暂存区(stage)
- 好好说话之Use After Free
- 09组团队项目-Alpha冲刺-2/6
- js数组查找最接近_js 2种方法从数组里面找到最接近某个数值的值(小于该指定值,并且大于其他值)...
- php语言中$意思,PHP语言中的lt;gt;符号是什么意思?
- 无懈可击的web设计笔记
- PGSQL允许远程连接
热门文章
- BT源代码学习心得(五):统一网络服务接口--RawServer -- 转贴自 wolfenstein (NeverSayNever)
- kafka.common.InconsistentClusterIdException: The Cluster ID doesn‘t match stored clusterId Some()
- SPSS可以制作哪些图表?
- KSO-纯CSS全屏图片,全屏背景图,自适应
- 初探 ModBus4j -简单使用指南
- rails rjs select method help
- 2022夏每日一题(三)
- CSP-M4补题 B_ZJM要抵御宇宙射线
- 海思android随笔之工厂菜单PQ acm color调用流程
- Linux编程基础案例:第4章Shell编程