学习 前端 visual studio code HTML基础知识详解（下）（如果想知道html的全部基础知识点，那么只看这一篇就足够了！）

        和两个标签的语义和属性：

标签名标签语义常用属性单 / 双标签form输入框action ：用于指定表单的提交地址（需要与后端人员沟通后确 定）。 target ：用于控制表单提交后，如何打开页面，常用值如下： _self ：在本窗口打开。 _blank ：在新窗口打开。双input表单type ：设置输入框的类型. name ：用于指定提交数据的名字，（需要与后端人员沟通后确 定）。 单

了解了表单的大致内容之后，然我们用代码来更直观的看一下：

用户名：

密码：

性别：男 女

爱好：唱歌 跳舞 篮球

        【1】文本输入框

我们直接使用代码来看一下：

常用属性如下：

name 属性：数据的名称。 value 属性：输入框的默认输入值。 maxlength 属性：输入框最大可输入长度。

注：name为提交表单时传递给后端的数据的名称。

        【2】密码输入框

我们直接使用代码来看一下：

常用属性如下：

name 属性：数据的名称。 value 属性：输入框的默认输入值。 maxlength 属性：输入框最大可输入长度。

        【3】单选框

我们直接使用代码来看一下：

女

男

常用属性如下：

name 属性：数据的名称，注意：想要单选效果，多个radio 的 name 属性值要保持一致。 value 属性：提交的数据值。 checked 属性：让该单选按钮默认选中。

        【4】复选框

我们直接使用代码来看一下：

抽烟

喝酒

烫头

常用属性如下：

name 属性：数据的名称。 value 属性：提交的数据值。 checked 属性：让该复选框默认选中。

        【5】按钮

我们直接使用代码来看一下：

其中submit为提交按钮，它会将数据提交到后端，reset为重置按钮，它会重置表单的信息，button为普通按钮，它在之后会和JavaScript联动，这三个按钮都会自动生成一个按钮框。

        【6】禁用表单控件

给表单控件的标签设置 disabled 既可禁用表单控件。

我们直接使用代码来看一下disabled标签的使用：

用户名：

密码：

我们可以看到密码的输入框变灰并且不可以输入内容了。

以上就是表单中标签的基本属性和方法了。

2.文字域标签

标签表示一个多行纯文本编辑控件，你可以在里面输入一段相当长的、不限格式的文本。</p><p>我们直接使用代码来看一下：</p><p><textarea name="msg" rows="22" cols="3">我是文本域

常用属性如下：

name 属性：数据的名称。

rows 属性：指定默认显示的行数，会影响文本域的高度。 cols 属性：指定默认显示的列数，会影响文本域的宽度。

这样我们就了解了文字域标签。

3.下拉菜单标签

标签表示一个提供选项菜单的控件。

我们直接使用代码来看一下：

黑龙江

辽宁

吉林

广东

常用属性如下：

name 属性：指定数据的名称。 option 标签设置value 属性：如果没有value 属性，提交的数据是option 中间的文字；如果设置了value 属性，提交的数据就是value 的值（建议设置 value 属性） selected 属性：表示默认选中。

这样我们就了解了下拉菜单标签。

4.label标签

标签表示用户界面中某个元素的说明，label 标签可与表单控件相关联，关联之后点击文字，与之对应的表单控件就会获取焦点。  

两种与label 关联方式如下：

1. 让label 标签的for 属性的值等于表单控件的id 。

2. 把表单控件套在 label 标签的里面。

        第一种方式：将一个  和一个  元素匹配在一起，并且给  一个 id 属性。而  需要一个 for 属性，其值和  的 id 一样。

男

        第二种方式：将  直接放在  里，此时则不需要 for 和 id 属性。

女

这样我们就了解了label标签。

5.html实体

在HTML 中我们可以用一种特殊的形式的内容，来表示某个符号，这种特殊形式的内容就是HTML 实体。比如小于号 < 用于定义 HTML 标签的开始。如果我们希望浏览器正确地显示这些字符，我们必须在HTML 源码中插入字符实体。

一般来说字符实体由三部分组成：一个& 和 一个实体名称（或者一个# 和 一个实体编号），最后加上一个分号 ；

让我们看一下经常使用的字符实体：

描述实体名称实体编号空格  <小于<<>大于>>&和号&&

我们使用代码来看一下结果：

这是 空格字符实体

>

<

&

注：在实际的使用中，我们更推荐使用实体名称来代表字符实体。

浏览HTML基础知识详解（上）点击-------------------------------------------------------------------------------->

HTML基础知识详解（上）（如果想知道html的全部基础知识点，那么只看这一篇就足够了！）_html 标签 开始标签 结束标签-CSDN博客

浏览HTML基础知识详解（中）点击-------------------------------------------------------------------------------->

HTML基础知识详解（中）（如果想知道html的全部基础知识点，那么只看这一篇就足够了！）-CSDN博客

以上就是HTML基础知识详解（下）的全部内容了~~~

推荐链接

 您阅读本篇文章共花了：