在HTML中，当将input元素的type属性设定为range时，其允许用户通过一个滑动条来选定数值的输入范围。 <input type="range">定义格式 其常用的定义格式如下： <input type="range" id="rg1" name="rg1" value="10" min="0" max="100"> type属性用于指定input元素的类型为range； id属...

[阅读全文]

在HTML中，input元素type属性值设置为number时，将创建一个数字输入控件，该控件允许用户输入一个数字。该控件自动拒绝非数字的字符输入。 数字控件定义基本格式 <input type="number" id="num1" name="num"> type属性指定input元素的输入类型为number，即数字。 id属性用于标识控件，方便客户端脚本获取到该控件，以进行相关操作...

[阅读全文]

在HTML中，将input元素的type属性设置为password时，将为用户提供一个密码输入框。密码输入框使用*或•替换用户的输入以达到安全的需要。 <input type="password">的一些实现细节在不同的浏览器中有一定的差异，如有些浏览器在用户输入时会先显示一下用户输入的字符，以便用户可识别和确认，随后转换成“*”或“•”，有些浏览器会在该输入框旁显示一个图标...

[阅读全文]

HTML中的input元素type属性值为month时，将提供一个年份-月份输入控件。该控件为用户选择某年的特定月份提供了极大方便。 <input type="month">定义格式 <input type="month">本身就可以提供一个月份输入控件，但为了方便应用，一般添加id属性和name属性，其基本格式如下： <input type="month" id="m1" name="m1...

[阅读全文]

在HTML中，<input type="week">控件允许通过选择日期的方式产生当前日期所在的周数，该周数的取值范围为1-52或53。 <input type="week">的输入格式 周数选择控件的格式如下： <input type="week" id="w1" name="w1"> 其在谷歌浏览器中的显示格式如下： 其在Edge浏览器中的显示格式如下： 在谷歌浏览器中点击...

[阅读全文]

在HTML中，<input type="time">用于定义一个时间输入/选择控件。该控件提供一个界面让用户选择一个时间。 <input type="time">的定义格式 在HTML中，使用如下形式来定义一个时间控件： <input type="time" id="t1" name="t1"> 不同浏览器在显示该控件时，其外观可能不尽相同。 该例在谷歌浏览器/Edge浏览器中的显示效果...

[阅读全文]

<input type="datetime-local">控件允许用户在控件中选择/输入日期和时间。日期部分包括“年”、“月”和“日”，时间部分包括“时”和“分”。 <input type="datetime-local">的定义形式 下面给出了<input type="datetime-local">的一个较完整的定义形式。 <input type="datetime-local" id...

[阅读全文]

在HTML中，<input type="date">为用户提供一个选择/输入日期的控件。该日期控件包含了年月日部分，而不包括时间部分。 HTML 日期控件定义的格式 <input type="date" id="d1" name="d1" value="2023-07-24"> 其中，type属性用于指定<input>元素的类型为"date"，即定义一个日期控件。 id属性用于标识控件，以...

[阅读全文]

<input>元素type属性值设置为"color"时将定义一个颜色选择控件。该控件是HTML5新增的一个控件，其提供一个界面允许用户指定一种颜色或者在界面文本框中通过键入十六进制颜色值来设定一种颜色。 使用该控件设置的颜色仅支持简单的十六进制颜色，不包含α通道（透明度）。 颜色控件定义的基本格式 在HTML中，颜色控件的定义格式可能的形式如下： <input type="co...

[阅读全文]

在HTML中，<input>元素的type属性值设置为checkbox时则可以定义一个复选按钮。大多数浏览器默认情况下将该控件渲染为一个小正方向方框，用户选中时，小正方形中将会出现一个√。当然不同的浏览器在渲染时会有不同的风格。 HTML中复选框的定义形式 在HTML中，使用如下的方法来定义复选框： <input type="checkbox" id="fx1" name="hobby"...

[阅读全文]

在HTML中使用<input type="radio">来定义一个单选按钮。一般单选按钮控件需要由两个或两个以上单选按钮构成的集合来完成一定的工作。如在考试系统中，单选题中的四个选项构成一个单选按钮集合，在用户注册功能中，性别是由两个单选按钮表示的“男”和“女”构成的集合等。 单选按钮定义的一般形式 <input type="radio" name="r1" value="v1"> 在上...

[阅读全文]

在HTML中，<label>元素用于定义表单中控件元素的标题。 在HTML表单中，将控件关联一个<label>标签具有很大的优点。 <label>元素的简单示例 在HTML表单中，通常有两种使用<label>的方法。 <form action="form_example.asp" id="form1" name="form1"> <label for="yourName">您的姓名...

[阅读全文]

在HTML中，使用select元素来定义一个下拉列表或列表框。 select元素的定义格式 <form action="form_example.asp" id="form1" name="form1"> <label for="fruits">您喜欢的水果</label> <br> <select id="fruits" name="fruits"> <option va...

[阅读全文]

在HTML中使用<textarea>和</textarea>定义多行文本区域。即使用<textarea>标签允许用户输入和编辑多行文本。 <textarea>元素经常用于定义大段文本内容，如书写评论、制作记事本、编辑网页内容。 <textarea>使用格式 下面是一个简单的例子用于说明<textarea>元素的具体用法。 <form action="form_example.asp" me...

[阅读全文]

在HTML表单中，使用<input type="text">来定义一个单行文本输入域。即这个区域只提供一行文本，无法实现换行。 HTML 表单中的单行文本框定义方式 在HTML中，使用<input type="text">来定义一个单行文本输入域。 其基本形式如下： <input type="text" id="txtId" name="txtName" value="预定义的文本">...

[阅读全文]

在HTML表单中，通过指定<input>元素的type属性的值，可以实现不同的数据输入方式，达到不同的输入目的。 这篇文章将介绍HTML表单中的按钮。 表单提交按钮 当将<input>元素的type属性的值指定为"submit"时，其在浏览器中将呈现为一个按钮的样式，其作用是将表单中的数据提交到指定的动作处理文件，对数据进行加工处理。 其定义形式为： <input type="sub...

[阅读全文]

在HTML表单中，可以包含多种控件方便用户实现数据的输入。 HTML <form>中的主要控件类型 在HTML<form>和</form>标签之间可以包含以下控件（元素）的一种或多种： <button>：按钮控件（元素） <datalist>：数据列表，可以为下拉框提供数据 <fieldset>：在表单中将相关数据组合在一起。 <input>：输入控件，通过设置type属性...

[阅读全文]

在HTML中，表单用于收集用户输入的数据。用户输入的数据往往会被传回服务器端进行处理。 在HTML中使用<form>元素来定义一个表单。 HTML <form>标签 在HTML中，使用<form>元素来定义一个表单，在<form>元素中可以嵌套其它用于收集用户输入数据的HTML元素，如文本框、单选按钮、多选按钮等。 <form>定义的基本形式 <form>定义的基本格式如下： <for...

[阅读全文]

在HTML中，框架用于在一个网页中嵌入另外一个网页的内容。 HTML 框架定义方式 在HTML中使用 <iframe> 标签来定义一个框架，其基本格式如下： <iframe src="url"></iframe> src属性用于给出内嵌的网页地址。网页地址可以是绝对地址或相对地址。 下面是一个例子： <h1>iframe框架网页的例子</h1> <iframe src="/other...

[阅读全文]

在HTML中，使用十六进制颜色为文本、区域边框或区域背景是非常常见的一种方式，除此之外，我们还可以使用如下方式达到相应的目的。 使用颜色名称 使用RGB或RGBA 使用HSL或HSLA 这篇文章将介绍十六进制颜色的相关知识。 十六进制颜色 十六进制颜色使用 #rrggbb，rr为两位的十六进制红色值，gg为两位的十六进制绿色值，bb为两位的十六进制蓝色值。三种颜色值的取值范围都是0...

[阅读全文]

在HTML中，除了使用颜色名称、RGB和GRBA指定颜色外，还可以使用HSL和HSLA来指定颜色。 HSL颜色值 HSL是使用Hue(色调)、Saturation(饱和度)和Lightness(亮度)来设置颜色的方法，其使用方法如下： hsl(hue, saturation, lightness) HSL的HUE值 Hue是指颜色的色调，其取值范围为0到360.其值从0到360，颜色...

[阅读全文]

在HTML中使用颜色可以为文本、边框、背景等设置不同的颜色。 HTML支持使用RGB、RGBA、HSL、HSLA和使用十六进制来表示一种颜色。 这篇文章先探讨一下RGB和RGBA颜色的设置方法。 RGB和RGBA RGB表示使用 Red、Green 和 Blue 光源混合的颜色值。 RGBA是在RGB的基础上添加了α通道（即透明度）。 RGB颜色值 在HTML中，使用...

[阅读全文]

所有现代浏览器都支持140种颜色的名称，下面给出这些颜色的名称、对应的十六进制以及显示效果。 你可以直接复制颜色名称或十六进制颜色值为自己的元素对象进行设置颜色。 Black #000000 Navy #000080 DarkBlue #00008B MediumBlue #0000CD Blue #0000FF DarkGr...

[阅读全文]

在网页中，我们通常使用多种颜色让网页生动多彩。颜色可以运用在网页文本、网页区域背景、区域边框等地方。 不同颜色可以表达不同的情感，进而给人喜悦、哀伤或让人感觉网页提供的内容和服务更加专业和可信。 在HTML中通常使用颜色名称、RGB、RGBA、HEX、HSL或HSLA等方式指定颜色。 颜色名称 在HTML中可以使用颜色名称来指定要设置的颜色，如black、white、blue、red等。所...

[阅读全文]

HTML中每个元素都按照默认值来处理自己的显示效果。这些HTML 元素可以被分为两大类：块级元素和内联元素。 HTML 块级元素 HTML 块级元素在浏览器浏览时总是以新行开始，即HTML 块级元素在默认情况下不会与其他元素共享浏览器水平行的空间。 HTML 块级元素在浏览器浏览时会占据整个设备的宽度。 常见的块级元素有<p>、<div>、<table>、<h1>~<h6>、<ul>、...

[阅读全文]

HTML 列表能够把相关数据有效的组织起来。HTML 列表可以使用<ul>元素定义无序列表，使用<ol>元素定义有序列表，使用<dl>元素定义描述列表，这些列表除了基本使用之外，还可以嵌套使用。 列表的嵌套即一个列表中包含着另外一个列表的情况。 无序列表的嵌套定义 无序列表使用<ul>元素进行定义，在<ul>和</ul>标签之间可以包含一个或多个使用<li>标签定义的列表项。 若需要在...

[阅读全文]

在HTML文档中，可以使用列表来组织相关数据。在HTML中列表分为无序列表、有序列表和自定义列表三种类型。每种列表有若干项构成。 无序列表 无序列表（Unordered List）的各项没有顺序要求。 无序列表以<ul>标签开始，并以</ul>标签结束。 每个列表项（List Item）使用<li>和</li>标签进行定义。 一个无序列表根据实际需求可以包含多个列表项。 默认情况下...

[阅读全文]

在HTML中，我们可以使用表格以行和列的形式组织内容。每个表格可以包含若干行，每行可以包含若干列。表格中的每个单元格可以包含多种形式的内容，如图片、文本、列表、链接，甚至还可以包含表格。 定义一个表格 在HTML中，一个表格以<table>标签进行定义。表格的行以<tr>标签进行定义，使用<td>标签进行定义表格中的每个单元格。 下面是一个包含三行四列的表格。 <table bor...

[阅读全文]

HTML 网站图标或收藏夹图标是用户在浏览网页时显示在浏览器标签标题左侧的一个小图标。当用户将网页地址添加到书签或收藏夹时，这个图标也会显示在收藏夹网页标题的左侧。 这个图标看似可有可无的东西，但它的存在会给浏览者或多或少留下一定印象，可以说，它是个人品牌的象征。因此，还不能低估这个小小图标的作用。 HTML Favicon的用处 HTML Favicon可以在以下几个地方出现： （1）在...

[阅读全文]

HTML <head> 元素 在HTML文档中，位于<head>和</head>标签之间定义网页的标题，元数据，样式以及脚本等信息。 在HTML文档的头部区域可以使用的元素标签有<title>、<meta>、<style>、<script>、<link>、<base>和<noscript>。 HTML 头部元素 标签 描述 <head> ...

[阅读全文]