蓝冠官网-蓝冠公司|蓝冠招商注册-蓝冠开户
蓝冠官网(主管Q374919)

蓝冠测速注册_文本框placeholder提示(原创)


 查看演示
 website
 立即下载 插件描述:自定义文本消息提示,代替文本框中的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', //字体大小
})
2021-02-10