文本框placeholder提示（原创）

所属分类：UI-工具提示

6024 46 查看评论 (5)

分享到微信朋友圈

查看演示立即下载

插件描述：自定义文本消息提示，代替文本框中的placeholder，同时不局限与文本框（input）可与其他插件配合使用。本插件可以为单独的一个dom元素添加文本提示，也可以同时为fm表单下的多个dom元素添加，局限性小，使用过三个存在已久的placeholder插件。如jquery.placeholder.js，在ie8下虽然可以展示要展示的内容，但在ie8下，文本框不输入任何值，点击按钮，发送一次请求，该placeholder内容将会被作为参数发送。本插件解决了这一问题。

更新时间：2021-02-04 22:50:13

提示：被挂载的dom元素，请使用input:text标签或者textarea标签

使用方法：

1.引入js文件 --jquery插件，首先要引入jquery.js

2.创建要被挂载的dom元素 --建议在input标签或textarea标签外包裹一层盒子（如使用div标签）

<div class="demo">
    <input type="text" class="default dx_placeholder" placeholder="demo">
</div>

3.使用插件，进行dom元素的挂载

$('.dx_placeholder').dxPlaceholder({
    message: '请输入内容', //展示的文字内容
    color: '#ccc', //字体颜色 
    zIndex: 3, //字体展示的层级 
    left: '200px', //文本提示消息绝对定位下距离左边的值
    top: '10px', //文本提示消息绝对定位下距离上边的值  默认情况下是文本框的高度的一半，在文本位置错乱的情况下需要手动设置 
    fontSize: '14px', //字体大小
})

jQuery bootstraps响应式电商服装销售类网站模板

jQuery bootstraps响应式单页个人简历模板