HTML5学习笔记
文章平均质量分 70
个人html学习笔记,仅做参考,不得有商业用途
程序员的脱发之路
在脱发的路上越走越远
展开
-
textarea文本框的placeholder文字换行
textarea文本框的placeholder文字换行一、问题描述二、原生实现三、vue中实现一、问题描述textarea为前端常用的文本输入框,有时候需要placeholder的文字提示更加友好,那样提示文字可能就需要换行。二、原生实现原生textarea的实现方式如下:<textarea rows="6" style="width: 300px;padding: 0;" placeholder="标题 正文 结尾"></textar原创 2022-01-13 15:19:26 · 5429 阅读 · 8 评论 -
H5鼠标拖动事件(drag)
H5鼠标拖动事件一、元素拖动二、相关事件1.拖拽元素(1)dargstart(2)drag(3)dragend2.目标元素(1)drop(2)dragover(3)dragenter(3)dragleave一、元素拖动HTML5已经完全支持鼠标拖动元素,其中图片和链接默认就支持拖拽,而其他的元素需要设置属性draggable=“true” 就可支持拖拽。其中在拖拽的过程中会默认触发一系列事件。二、相关事件1.拖拽元素被拖拽的元素自身<div id="box" draggable="原创 2021-11-15 10:46:31 · 2076 阅读 · 0 评论 -
前端文件下载
前端文件下载a标签下载接口下载a标签下载a标签下载是最简单好用的方法<a href="./demo.txt" download>下载</a>通过download还可以修改文件下载后的名字和类型:<a href="./demo.txt" download="text">下载</a>注意:当资源不是同源的,下载txt、图片文件文件download属性是无效的,加与不加一个样,还是会直接打开,但是其他类型文件是可以的,例如:docx文件、pdf文原创 2021-04-14 17:17:26 · 144 阅读 · 0 评论 -
Local Storage学习笔记
Local Storage学习笔记一、什么是Local Storage二、Local Storage的优势与局限1.优势2.局限三、Local Storage的使用1.Local Storage的浏览器支持情况2.Local Storage的写入3.Local Storage的读取4.Local Storage的修改5.Local Storage的删除(1)删除键值对(2)清除所有内容6.Local Storage键的获取一、什么是Local Storage在HTML5中,新加入了一个Local Sto原创 2021-02-07 10:06:54 · 1228 阅读 · 0 评论