5个无需JavaScript的强大HTML属性

65 阅读1分钟

源地址

  1. Spellcheck: spellcheck这一属性确保浏览器在特定元素内(如输入字段或文本区域)检查拼写,无需使用JavaScript。对于需要准确性的表单或内容尤为有用。

    <textarea spellcheck="true"></textarea>
    
  2. Download: download 属性允许用户在点击链接时直接下载资源。它对于提供可下载的内容如图片、文档或媒体文件非常方便,而且不需要使用 JavaScript。

     <a href="path/to/file.pdf" download>Download PDF</a>
    
  3. Video Thumbnail (Poster): 通过在<video>元素中使用poster属性,您可以在视频开始播放之前指定一个图像作为占位符。这模仿了视频缩略图的功能,提升了用户体验。

     <video controls poster="path/to/thumbnail.jpg">
           <source src="path/to/video.mp4" type="video/mp4">
           Your browser does not support the video tag.
       </video>
    
  4. Translate: 使用 translate 属性,您可以指定在将网页翻译成另一种语言时是否翻译元素的內容。将其设置为 "no" 可以保留原始内容,这对于品牌名称或特定术语很有用。

      <h1 translate="no">Your Company Name</h1>
    
  5. Autocomplete:autocomplete属性用于启用或禁用输入字段的自动完成功能,让用户可以控制浏览器是否建议之前输入的值。这可以提高用户便利性并简化表单提交过程。

     <input type="text" autocomplete="on">