文本框里有提示文字还有图片,怎么实现?
我想问下这个里面的画笔的这个提示是怎么实现?大神,求解!就是点击以后都消失。我想过用一个标签把它浮起来,然后根据是否有焦点,来让他显隐。其他还有方法吗?
- antd Tabs中,多个标签页中,默认只渲染第一个TabPane,其它TabPane下面都是空?
- 上传时如何获取上传对象 object file 而非json对象
- js中如何实现点击按钮退出本页面?
- 同一个镜像文件可以被多个虚拟机使用吗? iso文件同时可以被多个虚拟机使用吗?
- JS中的Array是不是可以无限大?
- Nanoc的使用场景是什么?
- react-native运行样例的时候出错
- 我在安装gulp组件的时候,报错了,哪位大侠知道为啥吗?
- react如何获取offsetX?
- 指定后代DOM节点的选择
- 运行npm run test 执行webpack -p提示内存有错误
- Vue中的字符串模板指的是什么
- 微型小程序 调试当前页面 刷新不跳转
我来提供一种新思路,你引入一个带铅笔的图标字体库,然后给textarea设置一个placeholder就搞定了。当然字体颜色和内边距也得调一下
最简单方法, 一个遮罩, 内容如图.
点击遮罩, 下放的textarea focus, textarea.onblur 判断如果value 为空在显示遮罩.
定位问题, 上层div position: relative;
遮罩 position: absolute; top: 0;
来个鼠标点击位置 在 图片icon 前面还在后面?
div position到你要的位置,然后
-
keyup监听,有内容就不显示,没内容就显示
-
focus聚焦时隐藏,失去焦点时判断有无内容,无内容就显示
应该是 textarea 内部设置了padding, 让 画笔 absolute position 设置到 左上角,写下备注
四个字是 placeholder,
-
当textarea focus 的时候 让画笔消失,
-
当textarea blur 的时候 让画笔重现