HTML中的单标记：
1、<area>：用于图像映射内的区域。
2、<base>：文档中所有相对URL的基本URL。每个文档只能有一个，它必须位于页面的
<head>中。
3、<br>：换行符，通常用于文本内容以创建单个换行符而不是段落。它不应该用于通过堆叠
许多<br>标签在页面上创建视觉分离，因为该函数是视觉需求，因此是CSS的域而不是
HTML。
4、<col>：指定<colgroup>元素中每列的列属性。
5、<command>：指定用户可以调用的命令。
6、<embed>：与外部应用程序和交互式内容一起使用以进行集成。
7、<hr>：水平规则，是页面上的一条直线。在许多情况下，CSS边框用于创建分隔线而不是
此HTML元素。
8、<img>：HTML的主要元素之一，这是图像标记。它用于将图形图像添加到网页。
9、<input>：用于从访问者捕获信息的表单元素。有许多有效的输入类型，从多年来在表单
中使用的常见“文本”输入到属于HTML5的一些新输入类型。
10、<keygen>：此标记创建用于表单的密钥对生成器字段。
11、<link>：不要与“超链接”或锚点（<a>）标签混淆，此链接用于设置文档与外部资源之
间的链接。例如，您可以使用它链接到外部CSS文件。
12、<meta>：元标记是“有关内容的信息”。它们位于文档的<head>中，用于将页面信息
传递给浏览器。有许多不同的meta标签，你可以在网页上使用。
13、<param>：用于定义插件的参数。
14、<source>：此标记允许您为页面上的媒体指定备用文件路径，包括视频或图像或音频文件。
15、<track>：此标记设置要与媒体文件，视频或音频一起使用的轨道，这些轨道通常与
<video>或<audio>标记一起添加。
16、<wbr>：这代表断言机会。它指定添加换行符可以接受的文本块中的位置。
扩展资料：
在HTML5的版本中<command />、<command />、<menuitem />这三个单标记是已经
报废无效了，而在HTML4中是可以继续使用的。
使用单标记时不同的HTML版本对是否需要带斜杆是有不同的要求的。
HTML5：斜杠是可选的。
HTML4：斜杠不可选的。但是，它被W3C的HTML验证器接受了。
XHTML：斜线是必需的。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：indexhtml，编写问题基础代码。
2、在indexhtml中的<input>标签前面，输入html代码：<span style="color:red"> </span>。
3、浏览器运行indexhtml页面，此时表格前面表示必填项的星号标记显示了出来。
利用JavaScript的DOM模型，可以获得该标记的值，代码如下：首先，获得DIV标记的DOM对象var obj=getElementById("menu");然后利用InnerHTML属性就可以获得DIV对象的值，注意，这个属性获得的值也包括HTML代码，假如仅仅为了获得DIV标记间的文本，可以用InnerText属性来获得。示例代码：var str=objinnerHTML就可以获得本例中的“文字效果”内容！
表单是网页中提供的一种交互式 *** 作手段，它主要分为两部分：一是用HTML源代码描述的表单，可直接通过插入的方式添加到网页中；二是提交后的表单处理，需要调用服务器端编写好的脚本对客户端提交的信息作出回应。在HTML中，只要插入表单标记<form></form>即可把表单插入到网页中。表单标记的部分属性如下：
属性
说明
name
设置表单名称
method
设置表单发送的方法，可以是“post”、“get”
action
设置表单处理程序
enctype
设置表单的编码方式
target
设置表单显示目标
一、信息输入
信息输入是表单 *** 作的主要内容，用户在表单控件中输入必要的信息，发送到服务器请求响应，然后服务器将处理结果返回给用户。<input>是表单中输入信息常用的标记，其基本语法为：
<form action="">
<input name="" type=""/>
</form>
在<input>标记中，name属性用于显示控件名称，type属性用于设置插入的控件类型。控件类型有如下几种：
1文本控件
1）文本框——text
<input>标记的type属性值设置为text，即可插入表单中的单行文本框。输入的信息在文本框中单行显示
2）密码框——password
<input>标记的type属性值设置为password，即可插入表单中的密码框。在密码框中输入的内容，将会以小圆点的形式显示
3）文字域——textarea
在表单中插入文字域，只要插入成对的文字域标记<textarea></textarea>即可。文字域可用来输入多行文本，行间可换行
2按钮
1）复选框——checkbox
<input>标记的type属性值设置为checkbox，即可插入表单中的复选框，其中的id为可选框
2）单选按钮——radio
<input>标记的type属性值设置为radio，即可插入表单中的单选按钮。在选中状态，按钮中心有一个小圆点
3）标准按钮——button
<input>标记的type属性值设置为button，即可插入表单中的标准按钮。按钮中的“value”值为显示在界面上时按钮的名称。
4）提交按钮——submit
<input>标记的type属性值设置为submit，即可插入表单中的提交按钮。当用户填完表单需要提交信息时，使用表单中的提交按钮进行提交
5）重置按钮——reset
<input>标记的type属性值设置为reset，即可插入表单中的重置按钮。当用户填完信息后，对自己填过的信息不满意时，可使用重置按钮，重新输入信息。
3其它控件
1）文件域——file
<input>标记的type属性值设置为file，即可插入表单中的文件域。在文件域中可以添加整个文件
2）隐藏域——hidden
隐藏域在网页中对用户是不可见的，用户提交表单时，隐藏域中的信息也一起被提交。在<input>标记中将type属性值设为hidden即可插入表单中的隐藏域。
3）下拉菜单<select>和列表框<option>
在表单中插入下拉列表，只要插入成对的<select></select>，其中嵌套<option>即可
文本字段 text
密码 password
隐藏域 hidden
文本区域 textarea
复选框 checkbox
单选按钮 radio
选择列表 select
图像域 image
文件域 file
按钮 button
提交按钮 submit
大致就是这些。
html中获取表单数据的的方法一般有两种，一个是使用form表单的action属性将表单的数据提交给后台，另外一种就是使用JavaScript方法获取表单的数据，然后通过ajax传送给后台。
工具原料：编辑器、浏览器
一、使用表单的方法提交数据
1、利用form表单的action属性来获取表单的数据并提交，代码如下：
<form action="form_actionphp" method="get"><p>First name: <input type="text" name="fname" /></p>
<p>Last name: <input type="text" name="lname" /></p>
<input type="submit" value="Submit" />
</form>
2、以上代码中method指定提交数据的方法为get，action的值是表单数据提交的地址。
二、使用JavaScript方法来获取表单的数据的方法
1、可以使用JavaScript的选择器选择表单的元素并获取其输入的数据，代码如下：
<form action="form_actionphp" method="get"><p>First name: <input id="bt1" type="text" name="fname" /></p>
<p>Last name: <input id="bt2" type="text" name="lname" /></p>
<input type="submit" value="Submit" />
</form>
<script>
consolelog($('#bt1')val())
consolelog($('#bt2')val());
</script>
2、其中$('#bt1')val()就是获取input输入内容的值
转自： HTML 表单之label标签介绍
label标签介绍
label标签为input元素定义标注(标记)，它不会向用户呈现任何特殊效果，和span标签类似。但label标签和span标签最大的区别就是它为鼠标用户改进了可用性，可以关联特定的表单控件。
label标签和特定表单控件关联之后，如果用户在 label 元素内点击文本，就会触发关联的表单控件。就是说，当用户选择该label标签时，浏览器就会自动将焦点转到和label标签相关的表单控件上。
主要使用场景
label标签常用于与checkbox或radio关联，以实现点击文字也能选中/取消checkbox或radio。如下图，点击文字和点击前面的单选框效果相同，即加大了控件的可点击区域较大，因为点击标签或控件都将激活控件，这对于复选框和单选框特别有用。
label标签和特定表单元素关联方式
label标签的关联方式主要有两种，显示关联和隐式关联：
显式关联是通过label标签的for属性，显式与另一个表单控件关联。需要注意的是，for属性的值必须是与label标签在同一文档中的可标记表单元素的id，注意是id而不是name。如：
效果图：
隐式关联是直接将表单控件放到label标签内，这种情况下，label标签只能包含一个表单元素，包含多个只对第一个有效。如下：
<label>点击我可以使文本框获得焦点
<input type='text' name='theinput' id='theinput'>
</label>
效果图如下，点击文字便能是文本框获得焦点：
显示关联和隐式关联的优缺点：
显式关联优点：
可以减少标签嵌套层数
label标签和表单可以在不同的位置
显示关联缺点：
控件需要定义id属性
label标签和表单控件不利于作为一个整体来控制
隐式关联优点：
控件无需定义id
标签和控件方便作为一个整体控制
隐式关联缺点：
增加了标签嵌套层数
不能将标签和关联控件放到不同的位置
以上是个人对两种方式的看法，使用时可按需要选择显示或隐式。
label标签的浏览器支持及可关联的表单元素
所有主流浏览器都支持label标签。Safari 2 或更早的版本不支持label标签。
能使用显示关联的表单元素有：
input type="text" 文本框，点击标签时关联的文本框获得焦点。
input type="checkbox" 复选框，点击标签时选中或取消选中复选框。
input type="radio" 单选框，点击标签时选中单选框。
input type="file" 文件上传，点击标签时打开文件选择对话框。
input type="password" 密码框，点击标签时密码框获得焦点。
textarea 文本域，点击标签时文本域获得焦点。
select 下拉框，点击标签时，下拉框获得焦点，不过并不展开下拉框选项。
label标签的form属性
form 属性指定label标签元素所属的表单。如下，虽然label标签在myform表单外，但仍属于myform表单。如下：
<form action=">
以上就是关于html中的单标记有哪些呢全部的内容，包括:html中的单标记有哪些呢、html定义表单星号标记怎么做、怎么取得表单里面DIV的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）