包含列表，表单等HTML知识点

最新推荐文章于 2022-09-28 16:28:24 发布
最新推荐文章于 2022-09-28 16:28:24 发布
阅读量142 收藏
点赞数
分类专栏： HTML 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44079801/article/details/106989439
版权 
<html>
	<head>
		<title>docment</title>
	</head>
		<body>
			<table  border="1"  width="500"  height="250"  align="center"  cellspacing="0"  >
	<caption><h3>小说排行榜<h3></caption>
				<tr>
					<th>排名</th>
					<th>关键词</th>
					<th>趋势</th>
					<th>今日搜索</th>
					<th>最近七日</th>
					<th>相关链接</th>
				</tr>
				<tr>
					<td>1</td>
					<td>鬼吹灯</td>
					<td >趋势</td>
					<td>366</td>
					<td>最近七日</td>
					<td>
					<a href="https://tieba.baidu.com/f?kw=%B9%ED%B4%B5%B5%C6&fr=ala0&loc=rec"  target="_blank">贴吧</a>
<a href="#">图片</a>
<a href="#">百科</a>
					</td>
				</tr>
				<tr>
					<td>排名</td>
					<td>关键词</td>
					<td colspan="3">趋势</td>
					
				</tr>
				<tr>
					<td>排名</td>
					<td rowspan="5">关键词</td>
					<td>趋势</td>
					<td>今日搜索</td>
					<td>最近七日</td>
					<td>相关链接</td>
				</tr>
				<tr>
					<td>排名</td>
					
					<td>趋势</td>
					<td>今日搜索</td>
					<td>最近七日</td>
					<td>相关链接</td>
				</tr>
				<tr>
					<td>排名</td>
					
					<td>趋势</td>
					<td>今日搜索</td>
					<td>最近七日</td>
					<td>相关链接</td>
				</tr>
				<tr>
					<td>排名</td>
					
					<td>趋势</td>
					<td>今日搜索</td>
					<td>最近七日</td>
					<td>相关链接</td>
				</tr>
				<tr>
					<td>排名</td>
					
					<td>趋势</td>
					<td>今日搜索</td>
					<td>最近七日</td>
					<td>相关链接</td>
				</tr>
			</table>
你喜欢喝什么？
<ul>
<li>白开水</li>
<li>大白梨</li>
<li>雪碧</li>
</ul>
金牌排行榜：
	<ol>
		<li>中国</li>
		<li>美国</li>
		<li>俄国</li>
			
		
	</ol>
自定义列表：
	<dl>
		<dt>刘德华<dt>
		<dd>歌手<dd>
		<dd>演员<dd>
		<dd>明星<dd>
	</dl>
用户名：<input type ="text"  value="请输入名字"/>  </br>
密码:<input type="password"/>  </br>
昵称:<input type ="text" value="请输入昵称" name="nicheng "/></br>
性别:男<input type="radio" name="sex"/> 女<input type="radio" name="sex"/></br>
复选框案例:
爱好：吃饭<input type="checkbox" name="hobby"/>
睡觉<input type="checkbox" name="hobby"/>
篮球<input type="checkbox" name="hobby"/>
足球<input type="checkbox" name="hobby"/></br>
籍贯:
	<select>
	<option>--请选择省份--</option>
	<option>北京</option>
	<option>天津</option>
	<option>河北</option>
	<option>山东</option>
	<option>山西</option>
	<option>陕西</option>
	<option>上海</option>
	</select>
	<select>
	<option>--请选择城市--</option>
	<option>东四区</option>
	<option>西四区</option>
	<option>海淀区</option>
	<option>大兴区</option>
	<option>朝阳区</option>
	<option>东三区</option>
	<option>西三区</option>
	</select>

<table border="1"  align="center" width="600"/>
<caption><h3>时光不在，珍惜当下<h3></caption>

	<tr>
		<td>性别:</td>
			
		<td>男 <input  type="radio" name="sex"/></td>
		
		<td>女 <input  type="radio" name="sex"/></td>
		<input  type="radio" name="sex"/>
	</tr>
	<tr>
		<td>出生年月:</td>
			<td><select>
<option>1995</option>
<option>1996</option>
<option>1997</option>
<option>1998</option>
<option>1999</option>
<option>2000</option>
<option>2001</option>
			</select></td>
			<td><select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
			</select></td>
	</tr>
			<tr>婚姻状况:
		<td>婚姻状况:</td>
		<td>已婚<input type="radio"/></td>
		<td>未婚<input type="radio"/></td>
		<td>丧偶<input type="radio"/></td>
			
			</tr>
<tr>
<td>学历:</td>
		<td>小学<input type="radio"/></td>
		<td>高中<input type="radio"/></td>
		<td>大学<input type="radio"/></td>
		<td>硕士<input type="radio"/></td>
		<td>博士<input type="radio"/></td>
<tr>月薪:</tr>

</tr>
<tr>
<td>              昵称:<input ="text" value=""/> </td>
</tr>
<tr>
<td>              手机号:<input ="text" value=""/> </td>
</tr>
	<tr>
		<td>
	爱好：<input type="checkbox" name="hobby"/>妩媚
	<input type="checkbox" name="hobby"/>柔美
	<input type="checkbox" name="hobby"/>可爱
	<input type="checkbox" name="hobby"/>小鲜肉</br>
		</td>
	</tr>	
<tr>
	<td>
自我介绍:<textarea cols="30" rows="10">
	
	</textarea>
	</td>
</tr>
			</table>
		</body>
</html>
一只追求学习的学渣
关注
专栏目录
HTML5响应式网页设计知识点总结
05-18
本篇文章将深入探讨响应式设计的核心知识点，包括基础布局、页面美化和响应式技术。 首先，我们要了解HTML5中的基础布局结构。常见的布局方式包括div-ul-li布局、div-dl-dt-dd布局、div-table-tr-td布局以及div-...
HTML——表单知识点总结
TKY666的博客
02-25 2242
表单标签：这里面包含了处理表单数据所用程序的URL以及数据提交到服务器的方法。表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。表单按钮：包括提交按钮、复位按钮和一般按钮。
HTML表单制作以及相关知识点总结
Endorphincuan的博客
09-28 1029
没有表单（form）技术，网站将仅仅是信息的发布者和提供者，用户也只能是网站的浏览者，网站无法与用户进行交互。如果需要通过网站采集用户的有关信息或者用户需要向网站管理人员提供一些信息，除了使用电子邮件之外，最有效的方法就是在网站上设计表单，表单可以让用户在线提交相关信息给服务器。
HTML_表格和表单 ——恋天小结
xiao_yi_8421的博客
08-13 419
1. 表格标签(重点) 表格是较为常用的一种标签，但不是用来布局，常用来处理、显示表格式数据。 创建表格 在HTML网页中，要想创建表格，就需要使用表格相关的标签。创建表格的基本语法格式如下： <table> <tr> <td>单元格内的文字</td> ... </tr> ... </table> 在上面的语法中包含三对HTML标签，分别为 table、tr、td，他们是创建表格的基本标签，缺一不可，下面对
HTML表单全面知识点
calm_programmer的博客
03-14 355
大家好，我是带风的pose哥，这期我来为大家梳理一下有关HTML表单知识，接下来我将以四个方面阐述表单的相关知识，另外添增注意事项讲解！ 1. 表单分组 fieldset：对表单进行分组，一个表单可以有多个fieldset。（注：自带边框） legend：对该组fieldset表单的描述。（相当于标题） 2. form属性 (1)action: 该属性用来指定处理数据程序的URL地址 (2)method：该属性用来指定数据传输到服务器的方式。有两种属性值：post和get (3)name: 用来指定表单的名
HTML表单知识点总结
yihjh的博客
10-13 719
<form action="index.html" method="get"> </form> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表单元素</title> </head> <body> <!-- form 是声明表单--> <!--action ...
Html知识点汇总.docx
08-29
本文将对Html知识点进行总结和汇总，覆盖了Html的基本概念、标签、属性、语义化标签、实体字符、块元素、行内元素、图片标签、超链接、锚点链接、列表、表格、表单等知识点。 一、Html基本概念 Html是一种标记语言...
html知识点实践经验总结
09-28
...`<caption>`添加表格标题，`<colspan>`和...这些HTML知识点只是冰山一角，实际应用中还需要结合JavaScript、CSS、DOM等知识，以实现更丰富的交互和动态效果。持续学习和实践，才能更好地掌握这个强大的网页制作工具。
2023年HTML基础知识点总结.doc
最新发布
11-05
HTML基础知识点总结 ...这些知识点是HTML基础知识点的总结，涵盖了HTML文档结构、标题标签、字体标签、特殊符号、图片标签、文字布局、链接语法、滚动标签、表格基本框架、表单基本结构等方面的知识点。
表单练习与知识点.7z
08-24
综上所述，前端表单设计和实现涉及众多知识点，包括HTML表单元素、JavaScript交互、HTTP请求、安全性、可用性和可访问性，以及框架和响应式设计。通过不断实践和学习，初学者可以逐步掌握这些技能，成为一名熟练的...
HTML表单有关知识点
m0_51510776的博客
12-01 399
** HTML表单有关知识点 ** HTML中表单是实现用户与网页之间信息交互的基础，通过在网页中添加表单可以实现，会员注册，用户登录，提交资料等交互功能。下面让我们一起看一下HTML表单的知识点。 <一> 表单标签 <from> </from>是一个双标签它是定义表单的开始和结束位置，在标签之间一切都属于表单内容 表单控件 输入类的控件一般以<input/>标签开始，在HTML中，<input/>标签是最常用的标签，该标签通常通过设置type属性
html重要知识点总结
mmcrsx_blog的博客
12-03 8578
HTML知识点总结 一、div，span 看起来相对于,啥的没有什么效果，实际上是最实用的，有两大功能 1、容器，分块明确，使页面更结构化 dkjgaklgja 分块操作 &src=http%3A%2F%2Fi2.hdslb.com%2Fbfs%2Farchive%2F98105c8b5929e326b0a898b2386ee7ddd5f0434a.jpg" width="200
html中关于form表单的基本知识点
lanseguhui的博客
06-11 771
表单输入框采集的信息：提交给后端，是通过form标签的action属性来完成的，     其中的Method属性设置了请求提交方式，默认情况是get, 发送的数据都是以 name=value对形式发送，     以字符串的形式凭借在接口地址之后。 post:加密发送，出来可以发送数据，也可以传送文件;     input标签中的name是前后端自定义的约定好的字符，必须填写     input标签...
HTML中重要的知识点，表单
weixin_30535167的博客
07-26 104
　　今天跟大家分享一下有关HTML中比较重要的一个知识点—表单： 　　<form></form>表单 　　这是一个双标签，form表单有两个必须要有的属性，①action就是指表单传递到的页面　　②method就是指表单传递的方式 　　method属性有两个属性指：①get是有内容的局限性和不安全性，并且传递信息会显示在地址栏　　②post是内容没有局限性，...
HTML表单知识点
m0_56116596的博客
06-04 58
表单的标签有form标签和input标签，form标签是表单的外层容器；input标签是设置输入的。type属性的含义：text是设置普通的文本输入框，password是密码输入框，check
HTML之表单知识点总结
Darlingmi的博客
04-14 370
*前端第二课之表单~~ 一：作用 标签用于为用户输入创建 HTML 表单，用于收集用户信息，实现用户和网页之间的对话 ![表单属性表](https://img-blog.csdnimg.cn/20210413213221556.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0RhcmxpbmdtaQ==,size_16,color_FFFFFF,t
HTML基本语法之表单标签：表单的组成 ，表单域，表单控件元素（表单元素） ，input表单元素， label标签， 表单控件（表单元素）， select表单元素， textarea表单元素
qq_44156869的博客
09-10 1424
文章目录表单标签表单的组成表单域常用属性：表单控件元素（表单元素）input表单元素label标签表单控件（表单元素）select表单元素textarea表单元素表单元素几个总结点 表单标签 为什么需要表单? 使用表单目的是为了收集用户信息。 在我们网页中，我们需要跟用户进行交互，收集用户资料，此时就需要表单。 表单的组成 在HTML中，一个完整的表单通常由表单域、表单控件（也称为表单元素）和 提示信息3个部分构成。 表单域 表单域是一个包含 表单元素的区域。 在HTML标签中，<from>标签
html基础知识点--表单元素及其相关知识
windylcx的专栏
10-09 1252
<br /><br />表单元素<br />form<br />attribute definitions<br />action = uri [ct]<br />this attribute specifies a form processing agent. user agent behavior for a value other than an http uri is undefined.<br />method = get|post [ci]<br />this attribute specifi
HTML5表单新特性与开发必备知识点
此外，HTML5还提供了更丰富的表单控件，如calendar、date等，提升了数据输入的灵活性和一致性。 学习HTML5开发需要掌握多种技术基础，包括HTML、XHTML、CSS、CSS3和JavaScript，以及流行的前端框架如jQuery。对于...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值