表格 表单 标签 002

最新推荐文章于 2022-11-17 09:56:48 发布
最新推荐文章于 2022-11-17 09:56:48 发布
阅读量160 收藏
点赞数
分类专栏： html与css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40422393/article/details/88809147
版权 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>表格 表单</title>
</head>
<body>
	<!-- 表格用来存放放大数据，不用来布局 -->
	<!-- cellpadding 单元格内容和单元格边框之间的距离
	cellspacing  单元格和单元格之间的距离 -->
	<table width="500px" border="1px" align="center" cellpadding="10px"  cellspacing="0px">
		<caption><h3>表格标题2</h3></caption>  <!-- 紧跟着表格后面 -->
		<thead>
			<tr>  <!-- 表头标签  表头标签自动加粗且居中-->
				<th>1</th>
				<th>2</th>
				<th>3</th>
			</tr>
		</thead>
		<tbody>
			<tr>  <!-- 第一行  tr是行标签   没有列标签-->
			<td>姓名</td>
			<td>年龄</td>  
			<td>性别</td>  <!-- td是单元格 -->
			</tr>
			<tr>   <!-- 第二行 -->
				<td>小林</td>
				<td>晓丽</td>
				<td>小札</td>
			</tr>  
			<tr>   <!-- 第三行 -->
				<td>17岁</td>
				<td colspan="2">18岁</td>   <!-- 占两个单元格 -->
				<!-- <td>17岁</td> -->    <!-- 删减个数等于合并个数减一 -->
			</tr>      
		</tbody>	     
	</table>
	<!-- 1.跨列合并 colspan
	2.先上后下，先左后右
	3.删除个数 -->

	<!-- 1.跨行合并 rowspan
	2.一定要明确删哪个，删几个 -->



	<!-- input输入框标签 作用是收集用户信息 -->
	<!-- 表单必须包括三部分：表单控件，表单提示文本，表单域 -->
	<table width="600" border="0" cellspacing="0" cellpadding="0" align="center">
		<caption><h4>青春不常在，抓紧谈恋爱</h4></caption>
		<tr>
			<td>所在地区</td>
			<td><input type="text" value="北京"></td>
			<td><input type="password" value="北京"></td>
			<td>男<input type="radio" name="sex"></td> <!-- radio单选 -->
			<td>女<input type="radio" name="sex"></td> <!--  name一样就能多选一 -->
			<td>女<input type="checkbox" name="sex"  checkbox="checkbox"></td>   <!-- checkbox多选框 -->   <!-- checkbox="checkbox"  默认初始值 -->
			<td>男<input type="checkbox" name="sex"></td> 
			<td>人妖<input type="checkbox" name="sex"></td>  
			<td><input type="button" value="注册"></td> 
			<td><input type="submit" value="提交"></td> 
			<td><input type="reset" value="重置"></td>   
			<td><input type="image" src=""></td>   <!-- 图片 -->
			<td><input type="file" src=""></td>   <!--  上传文件 -->
		</tr>
	</table>

	<label>用户名:<input type="text"></label>  <!-- label起到包裹作用 -->
	<label for="pwd">   <!-- for起到类似緢点的作用 -->
		用户名:<input type="text">
		密码:<input type="text" id="pwd">
	</label> 

	<textarea name="" id="" cols="30" rows="10">留言</textarea>   <!-- 文本域，可以写多行 -->

	<!-- 下拉选择标签 -->
	<select name="" id="">
		<option value="11111">选择年份</option>
		<option value="">1111</option>
		<option value="">1111</option>
		<option value="">1111</option>
		<option value="">1111</option>
		<option value="">1111</option>
	</select>

	<select name="" id="">
		<option value="">选择年份</option>
		<option value="">1111</option>
		<option value=""  selected="select">12221</option>   <!-- select="select"默认初始值 -->
		<option value="">1111</option>
		<option value="">1111</option>
		<option value="">1111</option>
	</select>

	<hr>

	<!-- 表单域form -->
	<form action="url地址信息" method="get/post">   <!-- action把数据送到后台 -->  <!-- method  post表示匿名提交，get相反 -->
		用户名：<input type="text" name="uname"><br>
		密 码：<input type="password" name="password">
		性别：<input type="radio" name="sex">
		<input type="submit" value="提交">
		<input type="reset" value="重置">
	</form>
	
</body>
</html>
陀陀吖
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
表格标签、表单标签
Dreamer
07-24 709
表格标签、表单标签 文章目录表格标签、表单标签表格标签``表单标签 表格标签<table> <table>标签表示表格，<tr>表示表格中的行，<td>表示表格中的单元格。<th>表示表头。 单元格td必须设计在tr中，th也必须在tr中 table中的一些属性： ​ 单元格跨列：colspan。 ​ 单元格跨行：rowspan。 ​ 内容和单元格之间的间距：cellpadding。 ​ 单元格间的间距：cellspacing。 html5中将表格
HTML表单·表格标签
ThReE_To的博客
09-14 645
表单和表格一· 表格1.表格的基本结构：table标签（表格）、tr标签（行）、thead标签（表头）、tbody标签（表身）、tfoot（表脚）、td标签（标准单元格）、th标签（表头单元格） 2.table标签属性 边框border=“?px” 表示是否有边框，边框的宽度是多少；cellpadding="" 是指表格内容与边框的距离；cellspacing=""是指表格与表格之间的距离； 3.
表格和表单标签
weixin_46048542的博客
03-23 472
数据表格的创建 快速创建 （1） table>tr>td （2） table>tr>td*2 （3） table>(tr>td*2)*2 等价于 table>tr*2>td*2 table表格的属性 1.宽度width 2.高度height 3.边框border 4.边框颜色bordercolor 5.背景颜色bgcolor 6.水平对齐 align="left或right或center"” 7. cellspacing=" 单元格与单元格
表格，表单标签的介绍
m0_63830793的博客
01-04 320
表格定义：在HTML文档中写入表格标签，在页面在就会显示添加网络状的图形，通过网络状的图形中的每一个单元格我们可以完成内容上的布局 1.表格完成页面布局的原因 通过把内容填入到单元格对应的位置我们可以完成对内容的排版 2.在页面当中如何制作表格 <table>表格区域：在HTML文件的空间内划出一块专门做表格的区域 <tr>单元行标签：在表格区域内做出一行表格 <td></td>单元格标签：在一行表格内分出列数，有几个td就代表有几个单元格 &l
《离思》——元稹
weixin_30920853的博客
07-28 104
曾经沧海难为水，除却巫山不是云。 取次花丛懒回顾，半缘修道半缘君。 转载于:https://www.cnblogs.com/codingthings/p/4684745.html
html表格表单.pptx
11-20
介绍html表格表单元素，这也是前端比较重要的内容。学了之后你可以用标签简单做一个课程表。还有调查问卷等等
按钮 表格 表单验证
12-05
在网页设计和开发中，按钮、表格和表单验证是三个关键元素，它们共同构建了用户与网站交互的基础。下面将详细阐述这三个方面的知识。 首先，我们来看“按钮”。按钮在网页中扮演着触发动作的角色，它允许用户执行...
html表单（表格）
07-15
表单标签 table form
02 列表、表格与表单.ppt
07-23
掌握： 掌握列表的用法 使用表格的基本结构实现简单表格 使用表格相关标签实现跨行、跨列的复杂表格 会使用表单的基本结构制作表单页面 会使用各种表单元素实现注册页面 能理解post和get两种提交方式的区别
HTML 使用表单标签实现注册页面的实例代码
12-14
　- 使用图片标签提交表单 <input type="image" src="图片的路径"/>   完整代码：   <html> <head> <title>World</title> </head> <body> <form action="01-...
表格，表单的基础标签和属性
baijiao1314的博客
09-11 1693
创建表格 在HTML网页中，要想创建表格，就需要使用表格相关的标签。创建表格的基本语法格式如下： 单元格内的文字 在上面的语法中包含三对HTML标签，分别为 、、，他们是创建表 格的基本标签，缺一不可，下面对他们进行具体地解释 1.table用于定义一个表格。 2.tr 用于定义表格中的一行，必须嵌套在 table标签中，在 table中包含几对 tr，就...
4、HTML——表格标签、表单标签
CSDN_Loveletter的博客
11-17 3199
一、表格标签：table—tr—td/th 1、合并单元格 1.1 合并同行不同列的单元格（列合并） 1.2 合并同列不同行的单元格（行合并） 二、表单标签：form 1、form标签 2、input输入标签 2.1 type属性值：text；password 2.2 type属性值：radio 2.3 type属性值：checkbox 2.4 type属性值：file 2.5 下拉列表标签：select—option 2.6 文本域标签：textarea 2
HTML常用标签---表格标签与表单标签
qq_52409560的博客
08-18 1636
简单的表格标签与表单标签介绍
【表单标签（知识点超全版本）】
Hey_Coder
05-04 5924
表单标签1.表单标签1.1 表单标签 有哪些 ?1.2 HTML5 中的表单标签 有哪些 ?1.3 如何 为用户输入 创建 HTML 表单 ?1.4 如何 搜集 用户输入的信息 ?1.4.1 输入标签 有哪些常用属性 ?1.4.2 HTML5 中,输入标签 新增的属性 有哪些 ?1.4.3 输入元素的 类型有哪些 ?1.5 如何定义 多行文本输入 ?1.6 如何定义一个 按钮 ?1.7 如何创...
HTML常用标签及表格、表单、列表
AlexMYH的博客
05-15 9235
1:HTML常用标签 &lt;a href=" "&gt;这是一个链接&lt;/a&gt; //href="#"空链接 &lt;a href=" " target="_blank"&gt;新窗口打开&lt;/a&gt; &lt;b&gt;加粗文本&lt;/b&gt; &lt;i&gt;斜体文本
HTML5表单标签和表格标签详解
一只文森特
12-09 2211
表单标签和表格标签
2014-2023年的绿色债券数据.txt
最新发布
07-06
因文件较多，数据存放网盘，txt文件内包含下载链接及提取码，永久有效。失效会第一时间进行补充。样例数据及详细介绍参见文章：https://blog.csdn.net/samLi0620/article/details/140227523
综合素质笔记2024上半年笔记
07-05
综合素质笔记2024上半年笔记
使用SQL语句创建数据表和操作数据
07-05
使用SQL语句创建数据表和操作数据
spring表单标签，在jsp引入标签库后，则表格标签
05-30
在Spring中，表单标签库是`<form:form>`，而不是表格标签库。如果您需要在JSP页面中使用表格标签库，可以使用JSTL标准标签库中的`<c:forEach>`标签和HTML表格标签来生成表格。例如： ```jsp 姓名 年龄 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值