扫码关注官方订阅号
我想问下这个里面的画笔的这个提示是怎么实现?大神,求解!就是点击以后都消失。我想过用一个标签把它浮起来,然后根据是否有焦点,来让他显隐。其他还有方法吗?
学习是最好的投资!
我来提供一种新思路,你引入一个带铅笔的图标字体库,然后给textarea设置一个placeholder就搞定了。当然字体颜色和内边距也得调一下
最简单方法, 一个遮罩, 内容如图.点击遮罩, 下放的textarea focus, textarea.onblur 判断如果value 为空在显示遮罩.
定位问题, 上层p position: relative;遮罩 position: absolute; top: 0;
position: relative;
position: absolute; top: 0;
来个鼠标点击位置 在 图片icon 前面还在后面?
p position到你要的位置,然后
keyup监听,有内容就不显示,没内容就显示
focus聚焦时隐藏,失去焦点时判断有无内容,无内容就显示
应该是 textarea 内部设置了padding, 让 画笔 absolute position 设置到 左上角,写下备注 四个字是 placeholder,
写下备注
当textarea focus 的时候 让画笔消失,
当textarea blur 的时候 让画笔重现
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
我来提供一种新思路,你引入一个带铅笔的图标字体库,然后给textarea设置一个placeholder就搞定了。当然字体颜色和内边距也得调一下
最简单方法, 一个遮罩, 内容如图.
点击遮罩, 下放的textarea focus, textarea.onblur 判断如果value 为空在显示遮罩.
定位问题, 上层p
position: relative;遮罩
position: absolute; top: 0;来个鼠标点击位置 在 图片icon 前面还在后面?
p position到你要的位置,然后
keyup监听,有内容就不显示,没内容就显示
focus聚焦时隐藏,失去焦点时判断有无内容,无内容就显示
应该是 textarea 内部设置了padding, 让 画笔 absolute position 设置到 左上角,
写下备注四个字是 placeholder,当textarea focus 的时候 让画笔消失,
当textarea blur 的时候 让画笔重现