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

　　HTML是网络的基石。了解这种标记语言的一些鲜为人知但有用的部分可以让您的前端工作更轻松。HTML属性提供了多种功能，可以帮助您充分利用HTML。它定义了HTML元素的附加特征或属性。在本文中，小编将带您了解11个您可能还没有听说过的HTML属性。1。multiple
　　此属性允许用户输入多个值。您可以将multiple属性与标签和标签一起使用。此布尔属性仅对电子邮件或文件输入类型有效。
　　在标签中使用multiple属性labelforlanguageSelectlanguages：labelselectnamelanguageidlanguagemultipleoptionvalueCCoptionoptionvaluePythonPythonoptionoptionvalueJavaScriptJavaScriptoptionoptionvalueJavaJavaoptionselect
　　使用multiple属性进行文件输入
　　通过对文件输入使用multiple属性，您可以选择多个文件（通过按住Shift或Ctrl键）。inputtypefilemultiple
　　使用multiple属性进行电子邮件输入
　　通过对电子邮件输入使用multiple属性，您可以输入以逗号分隔的电子邮件地址列表。将从列表中的每个地址中删除所有空格。inputtypeemailmultiple2。contenteditable
　　您可以使用contenteditable属性使网页上的HTML内容可编辑。这是一个全局属性，即它对所有HTML元素都是通用的。pcontenteditabletrue在这里您可以编辑您想输入的内容3。spellcheck
　　spellcheck属性指定是否可以检查元素的拼写错误。您可以对元素中的文本、可编辑元素中的文本或输入元素中的文本（密码除外）中的文本进行拼写检查。pcontenteditabletruespellchecktrue在这里输入您想拼写检查的内容4。download
　　您可以使用下载属性下载资源。download属性告诉浏览器下载指定的URL而不是导航到它。您可以将下载属性与标签和标签一起使用。
　　注意：下载属性仅适用于同源URL。它遵循同源策略的规则。下载5。accept
　　标签的accept属性指定用户可以上传的文件类型。您可以指定一个或多个文件类型的逗号分隔列表作为其值。
　　接受音频文件inputtypefileidaudioFileacceptaudio
　　接受视频文件inputtypefileidvideoFileacceptvideo
　　接受图像文件inputtypefileidimageFileacceptimage
　　接受MicrosoftWord文件inputtypefileiddocpickeraccept。doc，。docx，applicationmsword，applicationvnd。openxmlformatsofficedocument。wordprocessingml。document
　　接受PNG或JPEG文件inputtypefileidimageFileaccept。png，。jpg，。jpeg
　　接受PDF文件inputtypefileidpdfFileaccept。pdf6。translate
　　translate属性告诉浏览器在页面本地化时该元素是否应该被翻译。它可以有2个值：是或否。ptranslateno输入您想翻译或者不需要翻译的内容7。poster
　　poster属性用于在视频下载或用户播放视频之前显示图像。
　　注意：如果您不指定任何内容，则在第一帧可用之前不会显示任何内容。当第一帧可用时，它显示为海报帧。videocontrolssrchttp：www。示例。comgtvvideosbucketsampleElephantsDream。mp4posterposterImage。pngvideo8。inputmode
　　inputmode属性指示浏览器在用户选择任何input或textarea元素时显示哪个键盘。此属性接受各种值：
　　Noneinputtypetextinputmodenone
　　Numericinputtypetextinputmodenumeric
　　Telinputtypetextinputmodetel
　　Decimalinputtypetextinputmodedecimal
　　Emailinputtypetextinputmodeemail
　　URLinputtypetextinputmodeurl
　　Searchinputtypetextinputmodesearch9。pattern
　　元素的模式属性允许您指定一个正则表达式，元素的值将根据该正则表达式进行验证。您可以将模式属性与多种输入类型一起使用，例如文本、日期、搜索、URL、电话、电子邮件和密码。10。autocomplete
　　autocomplete属性指定浏览器是否应根据用户输入自动完成输入。您可以将autocomplete属性用于多种输入类型，例如文本、搜索、URL、电话、电子邮件、密码、日期选择器、范围和颜色。您可以将此属性与元素或元素一起使用。inputnamecreditcardnumberidcreditcardnumberautocompleteoff11。autofocus
　　autofocus属性是一个布尔属性，指示元素应该专注于页面加载。您可以将此属性与、、、或元素一起使用。
　　在input元素中使用autofocus属性inputtypetextautofocus
　　在select元素中使用autofocus属性selectnamelanguagesidlanguagesoptionvalueCCoptionoptionvaluePythonPythonoptionoptionvalueJavaScriptJavaScriptoptionoptionvalueJavaJavaoptionselect
　　在textarea元素中使用autofocus属性textareaautofocus输入您想要显示的内容textarea使用JavaScriptOneLiners让您的生活更轻松
　　单行代码有助于以更少的代码实现更多的目标。您可以像专业人士一样使用多个JavaScript单行代码来编写代码。
　　只需一行代码，您就可以对数组进行混合、求数组的平均值、检查数组是否为空、生成随机十六进制颜色、生成随机UUID等等。