前端程序员不可忽略的11个有用的HTML属性

1. multiple

此属性允许用户输入多个值。 您可以将 multiple 属性与 标签和 标签一起使用。 此布尔属性仅对电子邮件或文件输入类型有效。

创新互联主营三都网站建设的网络公司,主营网站建设方案,app软件开发公司,三都h5微信小程序搭建,三都网站营销推广欢迎三都等地区企业咨询






使用 multiple 属性进行文件输入

通过对文件输入使用 multiple 属性,您可以选择多个文件(通过按住 Shift 或 Ctrl 键)。

使用 multiple 属性进行电子邮件输入

通过对电子邮件输入使用 multiple 属性,您可以输入以逗号分隔的电子邮件地址列表。 将从列表中的每个地址中删除所有空格。

2.contenteditable

您可以使用 contenteditable 属性使网页上的 HTML 内容可编辑。 这是一个全局属性,即它对所有 HTML 元素都是通用的。


在这里您可以编辑您想输入的内容

3.spellcheck

spellcheck 属性指定是否可以检查元素的拼写错误。 您可以对 元素中的文本、可编辑元素中的文本或输入元素中的文本(密码除外)中的文本进行拼写检查。


在这里输入您想拼写检查的内容

4.download

您可以使用下载属性下载资源。 download 属性告诉浏览器下载指定的 URL 而不是导航到它。 您可以将下载属性与 标签和 标签一起使用。

注意:下载属性仅适用于同源 URL。 它遵循同源策略的规则。

下载

5. accept

标签的 accept 属性指定用户可以上传的文件类型。 您可以指定一个或多个文件类型的逗号分隔列表作为其值。

接受音频文件

接受视频文件

接受图像文件

接受 Microsoft Word 文件

accept=".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document">

接受 PNG 或 JPEG 文件

接受 PDF 文件

6. translate

translate 属性告诉浏览器在页面本地化时该元素是否应该被翻译。 它可以有 2 个值:“是”或“否”。


输入您想翻译或者不需要翻译的内容

输入您想翻译或者不需要翻译的内容

7.poster

poster 属性用于在视频下载或用户播放视频之前显示图像。

注意:如果您不指定任何内容,则在第一帧可用之前不会显示任何内容。 当第一帧可用时,它显示为海报帧。

8.inputmode

inputmode 属性指示浏览器在用户选择任何 input 或 textarea 元素时显示哪个键盘。 此属性接受各种值:

None

Numeric

Tel

Decimal

Email

URL

Search

9. pattern

元素的模式属性允许您指定一个正则表达式,元素的值将根据该正则表达式进行验证。 您可以将模式属性与多种输入类型一起使用,例如文本、日期、搜索、URL、电话、电子邮件和密码。



10.autocomplete

autocomplete 属性指定浏览器是否应根据用户输入自动完成输入。 您可以将 autocomplete 属性用于多种输入类型,例如文本、搜索、URL、电话、电子邮件、密码、日期选择器、范围和颜色。 您可以将此属性与 元素或 元素一起使用。

11.autofocus

autofocus 属性是一个布尔属性,指示元素应该专注于页面加载。 您可以将此属性与