html是网络的基石。了解这种标记语言的一些鲜为人知但有用的部分可以让您的前端工作更轻松。HTML属性提供了多种功能,可以帮助您充分利用HTML。它定义了HTML元素的附加特征或属性。
1、multiple
此属性允许用户输入多个值。您可以将multiple属性与标签和标签一起使用。此布尔属性仅对电子邮件或文件输入类型有效。
在select标签中使用multiple属性
labelfor="language"Selectlanguages:/labelselectname="language"id="language"multipleoptionvalue="C++"C++/optionoptionvalue="Python"Python/optionoptionvalue="JavaScript"JavaScript/optionoptionvalue="Java"Java/option/select
使用multiple属性进行文件输入
通过对文件输入使用multiple属性,您可以选择多个文件(通过按住Shift或Ctrl键)。
inputtype="file"multiple
使用multiple属性进行电子邮件输入
通过对电子邮件输入使用multiple属性,您可以输入以逗号分隔的电子邮件地址列表。将从列表中的每个地址中删除所有空格。
inputtype="email"multiple
2、contenteditable
您可以使用contenteditable属性使网页上的HTML内容可编辑。这是一个全局属性,即它对所有HTML元素都是通用的。
pcontenteditable="true"在这里您可以编辑您想输入的内容/p
3、spellcheck
spellcheck属性指定是否可以检查元素的拼写错误。您可以对元素中的文本、可编辑元素中的文本或输入元素中的文本(密码除外)中的文本进行拼写检查。
pcontenteditable="true"spellcheck="true"在这里输入您想拼写检查的内容/p
4、download
您可以使用下载属性下载资源。download属性告诉浏览器下载指定的URL而不是导航到它。您可以将下载属性与标签和标签一起使用。
注意:下载属性仅适用于同源URL。它遵循同源策略的规则。
ahref="xyz.png"download="myImage"下载/a
5、accept
标签的accept属性指定用户可以上传的文件类型。您可以指定一个或多个文件类型的逗号分隔列表作为其值。
接受音频文件
inputtype="file"id="audioFile"accept="audio/*"
接受视频文件
inputtype="file"id="videoFile"accept="video/*"
接受图像文件
inputtype="file"id="imageFile"accept="image/*"
接受MicrosoftWord文件
inputtype="file"id="docpicker"accept=".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document"
接受PNG或JPEG文件
inputtype="file"id="imageFile"accept=".png,.jpg,.jpeg"
接受PDF文件
inputtype="file"id="pdfFile"accept=".pdf"