前端程序员不可忽略的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 属性是一个布尔属性，指示元素应该专注于页面加载。您可以将此属性与

猜你还喜欢下面的内容