表格 表单

最新推荐文章于 2024-03-31 14:25:55 发布
最新推荐文章于 2024-03-31 14:25:55 发布
阅读量80 收藏
点赞数
分类专栏： 基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44100684/article/details/85090415
版权

 建议复制到编辑器上看

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>表格 表单</title>
	</head>
	<body>	
		<form action="" method="get">
		<!--<form 表单 
			action="" 路径
		method="get"> 提交方法
		-->
		<table border="1" cellspacing="1" cellpadding="10">
		<!--<table 表格标签
		border="1" 边框
		cellspacing="1" 每个单元格之间的距离，单元格与边框的距离
		 cellpadding="10" 内容与单元格之间的距离
		 >-->
		<tr>
			<td width="100px">学生姓名：</td>
			<td width="300px"><input type="text" name="name" id="name" required="required"/></td>
		</tr>
		<!--<tr> 行数（一个<tr></tr>表示一行）
			<td width="100px">学生姓名：</td> 列数（一个<th></th>或<td></td>表示一列
			<td width="300px"><input 表单元素
				 type="text"  文本类型
				 type="password" 密码类型
				 type="radio" 单选
				 type="checkbox" 多选
				 type="number" 数字
				 type="email" 邮箱
				 type="submit" 提交
				 type="reset" 重置
				 type="file" 选择文件
				 name="name" 
				 id="name" 
				 required="required" 要求输入不能为空
				 /></td>
		</tr>-->
		<tr><td width="100px">密码：</td>
			<td width="300px"><input type="password" name="pass" id="pass" required="required" /></td>
			
		</tr>
		<tr>
			<td width="100px">性别</td>
			<td width="300px">
				<label><input type="radio" name="sex" id="sex" value="man" checked="checked"/>男</label>
				<label><input type="radio" name="sex" id="sex" value="woman" required="required"/>女</label></td>
		</tr>
		<tr><td width="100px">个人爱好:</td>
			<td width="300px">
			<label><input type="checkbox" name="happy" id="happy" value="音乐"/>音乐</label>
			<!--<label> 把两个东西关联在一起
			<input type="checkbox" name="happy" id="happy" value="音乐"/>音乐</label>-->
			<label><input type="checkbox" name="happy" id="happy" value="美术"/>美术</label>
			<label><input type="checkbox" name="happy" id="happy" value="电影"/>电影</label>
			</td>
		</tr>
		<tr><td width="100px">交友目的：</td>
			<td width="300px">
				<select multiple="multiple">
					<option >普通朋友</option>
					<option >爱人</option>
				</select>
				<!--<select 下拉列表
					multiple="multiple"> 多行显示
					<option >普通朋友</option>
					<option >爱人</option>
				</select>-->
			</td>
		</tr>
		<tr>
			<td width="100px">照片上传：</td>
			<td width="300px"><input type="file" /></td>
		</tr>
		<tr>
			<td width="100px">个人简历:</td>
			<td width="300px"><textarea name="" rows="4" cols="20" placeholder="请简单描述一下自己"></textarea></td>
			<!--<td width="300px"><textarea 多行文本输入
			name=""
			 rows="4" 多行输入的行数
			 cols="20" 多行输入一行的字数
			  placeholder="请简单描述一下自己">没有内容时的提示文字
			  </textarea></td>-->
		</tr>
		<tr>
			<td width="100px">城市</td>
			<td width="300px"><select>
				<option>广东</option>
				<option>郑州</option>
			</select></td>
		</tr>
		<tr>
			<td colspan="2"><input type="submit" value="登录"/>
			<input type="reset" value="取消" />
			</td>
		</tr>
		</form>
	</table>
	<table border="1" cellspacing="0" cellpadding="20">
		<tr>
			<td>我</td>
			<td>你</td>
			<td>他</td>
		</tr>
		<tr>
			<td colspan="2">我</td>
			<!--<td colspan="2" 列合并（后面的数字表示合并的格数）>我</td>-->
			<td >他</td>
		</tr>
	</table>
	<table border="1" cellspacing="0" cellpadding="20">
		<tr>
			<td>我</td>
			<td>你</td>
			<td rowspan="2">他</td>
			<!--<td rowspan="2" 行合并（后面的数字表示合并的格数）>他</td>-->
		</tr>
		<tr>
			<td >我</td>
			<td >你</td>
			
		</tr>
	</table>
	</body>
</html>

 

C.J.F.
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML表格表单
qq_55636063的博客
05-08 1589
HTML表格表单
表格与表单
ccyzq的博客
12-14 1716
文章目录前言一、表格< table>二、表单< form> 前言 观察每个网页，或多或少都可以看到表格、表单的存在，例如登陆界面等等，表格多用于局部布局排版，表单用于向服务器发送数据。 一、表格< table> 表格 二、表单< form> ...
HTML表格表单以及列表
lh11223326的博客
03-31 1478
标签是用来定义表格的。定义完之后发现其结构和Excel的标签是非常相似的，都有行，列，单元格，表头等等，但是Excel毕竟还是专业，不像HTML既不支持排序又不支持求和，还不支持很多数学计算，只能用来展示数据。HTML常用的图片标签和超链接标签-CSDN博客HTML常用文本标签-CSDN博客：表示表格，表格的所有内容需要写在和
Web前端——表格表单练习
qq_53715074的博客
11-10 2127
要求： 网页源代码： 网页效果图： 要求： 网页源代码： 网页效果图： 要求： 网页源代码： 网页效果图：
表格嵌套表单
qq_43327962的博客
03-16 524
表格嵌套表单 实现代码如下：index.html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...
el-table树形表格表单验证(列表生成序号)
10-15
在本文中，我们将深入探讨如何在使用Element Plus的`el-table`组件实现树形表格时进行表单验证以及如何生成序号。`el-table`是一个强大的数据展示组件...结合这两个方面，可以构建出高效且健壮的树形表格表单验证系统。
html表格表单.pptx
11-20
介绍html表格表单元素，这也是前端比较重要的内容。学了之后你可以用标签简单做一个课程表。还有调查问卷等等
ITextSharp教程用C#制作PDF复杂表格表单
07-04
ITextSharp 教程用 C# 制作 PDF 复杂表格表单 ITextSharp 是一个流行的 PDF 处理库，它提供了创建和处理 PDF 文件的功能。今天，我们将学习如何使用 ITextSharp 在 C# 中创建一个复杂的表格表单，包括照片。 why ...
按钮 表格 表单验证
12-05
在网页设计和开发中，按钮、表格和表单验证是三个关键元素，它们共同构建了用户与网站交互的基础。下面将详细阐述这三个方面的知识。 首先，我们来看“按钮”。按钮在网页中扮演着触发动作的角色，它允许用户执行...
Arcmap天地图历史影像插件全国版-免费！免费！
07-22
2024版“天地图”首次开放多时相影像专题，公众可查看32个省级天地图节点近半个世纪的历史影像；本arcmap插件集成了全国天地图历史影像接口，累计上千期。 免费使用。不收费！！不收费！！不收费！！
毕业设计javajsp网上服装商城管理系统ssh-qkrp源码含文档工具包
07-22
毕业设计javajsp网上服装商城管理系统ssh-qkrp源码含文档工具包 后台是ssh框架，页面是jsp，数据库mysql，jdk1.8，开发工具用ecplise、myecplise、sts、idea都可以 通过网上交易这个平台，我们足不出户就可以了解商品的信息和价格，不仅方便了用户也为用户节约了时间，系统的主要功能就是：商品类别管理、商品信息管理、订单管理、会员管理、系统公告管理等。分为管理员用户、会员用户这二种用户平台。 包含：源码、数据库脚本、论文、环境工具包、相同框架项目的安装教程（在说明文档中）
mysql安装配置教程
07-22
MySQL的安装和配置过程可能因操作系统和版本而异，但以下是一些通用的步骤，适用于大多数情况： ### Windows系统安装MySQL： 1. **下载MySQL Installer**： - 访问[MySQL官方网站](https://dev.mysql.com/downloads/installer/)下载MySQL Installer。 2. **启动MySQL Installer**： - 运行下载的安装程序。 3. **选择安装类型**： - 选择“Developer Default”安装类型，它包括MySQL Server和常用的开发工具。 4. **配置MySQL Server**： - 在“Server Instance Configuration”中，输入root用户的密码，并配置MySQL的安装路径。 5. **详细配置**： - 根据需要配置MySQL Server的详细设置，如字符集、默认存储引擎等。 6. **安装**： - 检查配置，然后点击“Execute”开始安装。 7. **安装完成**： -
文化娱乐-微博情感分析-含实验报告-约150行（分词、朴素贝叶斯模型）.rar
07-22
数据可视化实例的python实现，可供学习了解
微信小程序+外卖小程序
07-22
微信小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用，体现了“用完即走”的理念。 特点： 无需安装和卸载：用户可以直接使用，使用完直接关闭，不会占用桌面空间。 制作成本低：小程序开发门槛相对较低，难度不及APP，能够满足简单的基础应用需求。 内存小、运行快：小程序体积小，加载速度快，操作便利快捷。 容易部署，延展性强：小程序具有丰富的延展性，可以适应多种应用场景。
mysql安装配置教程.docx
最新发布
07-22
mysql安装配置教程
Qt5.12制作的库存管理系统
07-22
基于Qt512开发的商品库存管理系统，利用MySql构建库存管理数据库，设置有商品编号、名称、数量、单价、采购单位、负责人、入库时间、出库时间、备注的记录，使用ODBC数据源连接MySQL，在QT中编写程序，并制作了仓库管理系统的UI界面，利用QT设计师界面构建子界面，完成新增商品、商品入库、商品出库、删除商品、搜索商品、导出数据、商品汇总的功能，实现数据库与UI数据展示等同步。
跑步运动微信小程序.zip
07-22
跑步运动微信小程序设计与实现源码+数据库（高分优秀毕业设计）个人经导师指导并认可通过的高分毕业设计项目，评审分98分。主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者，也可作为课程设计、期末大作业。 跑步运动微信小程序设计与实现源码+数据库（高分优秀毕业设计）个人经导师指导并认可通过的高分毕业设计项目，评审分98分。主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者，也可作为课程设计、期末大作业。 跑步运动微信小程序设计与实现源码+数据库（高分优秀毕业设计）个人经导师指导并认可通过的高分毕业设计项目，评审分98分。主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者，也可作为课程设计、期末大作业。 跑步运动微信小程序设计与实现源码+数据库（高分优秀毕业设计）个人经导师指导并认可通过的高分毕业设计项目，评审分98分。主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者，也可作为课程设计、期末大作业。
河道水面漂浮物视频数据集05
07-22
河道漂浮物数据集05，通过自己采集提供给大家使用，注意本数据集未标注。
洛谷+Hydro美化插件
07-22
洛谷 | 计算机科学教育新生态 + Hydro Online Judge两大在线系统 Chrome-based 浏览器插件。
javaweb表格表单居中
05-25
要使表格和表单居中，可以使用CSS样式。以下是一个简单的示例： ```html <!DOCTYPE html> 居中表格和表单 table, form { margin: 0 auto; /* 水平居中 */ } 标题1 标题2 标题3 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值