input输入框里有默认值，鼠标点击，默认值不消失，进入默认值的最左边，输入新值后默认值消失

qq_38969881 2019-07-20 01:42:55

这种样式是怎么实现的呢

...全文

1218 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

IT,MrXu 2021-01-22

打赏
举报

设置默认value，在文本框获取光标事件中选中默认内容，然后再输入就替换了

倔强的烤马铃薯 2021-01-20

打赏
举报

element-ui 的输入框是跟你说的需求一样

Stephen_112 2021-01-19

打赏
举报

用js按自己需改一下不就行了

weixin_42917409 2021-01-18

打赏
举报

楼主实现功能了吗，实现了可以分享一下吗

MechealBao 2020-12-05

打赏
举报

直接加value=”默认值“就ok了

毒猫 2019-08-06

打赏
举报

每个浏览器的兼容性不同，显示也就不同，谷歌浏览器用placeholder是可以的 <input type="text" name="user_name" placeholder="请输入用户名"/> 出现的是点击时提示信息不会消失，当输入内容后会消失

葉幺 2019-07-22

打赏
举报

感觉问的效果就是 placeholder
楼主你是不是用来做登录或注册的

天际的海浪 2019-07-20

打赏
举报

你说的是 placeholder 属性吧 http://www.w3school.com.cn/tags/att_input_placeholder.asp

天际的海浪 2019-07-20

打赏
举报

ie浏览器是点进输入框消失

天际的海浪 2019-07-20

打赏
举报

引用 2 楼 qq_38969881 的回复:

[quote=引用 1 楼天际的海浪的回复:] 你说的是 placeholder 属性吧 http://www.w3school.com.cn/tags/att_input_placeholder.asp

不是，这个属性是点击输入框就消失，我说的是点进输入框不消失，输入值才消失[/quote] 谷歌浏览器中就是点进输入框不消失，输入值才消失

qq_38969881 2019-07-20

打赏
举报

引用 1 楼天际的海浪的回复:

你说的是 placeholder 属性吧 http://www.w3school.com.cn/tags/att_input_placeholder.asp

不是，这个属性是点击输入框就消失，我说的是点进输入框不消失，输入值才消失

加载js 可以简单的实现默认值加载 /** * @作者 shiqingsong * @时间 2012-7-13 * @功能实现功能是初始化时文本框中默认值，当鼠标移入则清空默认值；但如果用户没有输入任何值，则还原默认值；提交时候如果是默认值则清空 * @描述基于jquery 所以使用前必须导入jquery包 * @使用方法: 1,在需要设置默认值的标签加上 defaultCode="需要设置的默认值"; * 2,如果初始化时候需要现实默认值则需要在加载事件中调用函数：dc.innitDefaultCode(); 默认不显示 * 3,默认文本框中字体颜色为灰色,如果需要修改颜色则可以在调用页面重写defaultCode样式 * @例如: <input id="serachCode1" type="text" defaultCode(样式ID)="输入证件号码1" /> */

input之怎么清除默认值

本插件是为输入用户名的提示信息而写的功能虽然简单但对于做开发的人来说每次写这几行代码也实属繁琐所以我就把这几行代码写成了jquery的插件以求以后用起来更加便捷简单说明： 1 可以自动默认提示信息若不设置则默认值为：用户名邮箱 2 当input获得焦点时 input的值会被自动清除；当input失去焦点时会判断输入值与默认值是否一致如果一致（或空）则再次显示默认提示信息若不一致（已输入信息）则input值为所输入值 3 此插件是jquery插件调用方式为 $ "#xxx" autoTip ; 并可以指定input获得焦点和失去焦点的CSS样式以下为参数说明 + 参数 @input 入参 json对象 @ dvalue input表单提示默认值 @ tip 默认提示信息样式名class @ tipnone 在指定的input执行click时替换的样式名class + 使用方法: $ "#xxx" autotip ; @ #xxx 为需要提示的input的id">本插件是为输入用户名的提示信息而写的功能虽然简单但对于做开发的人来说每次写这几行代码也实属繁琐所以我就把这几行代码写成了jquery的插件以求以后用起来更加便捷简单说明： 1 可以自动默认提示信息若不设 [更多]

内容索引:脚本资源,jQuery,输入提示,jQuery插件　　飞飞input表单输入框提示插件，专一为输入用户名的提示信息而写的。为开发者提供一些便利。功能说明：　　1.可以自动默认提示信息，若不设置则默认值为：用户名/邮箱。　　2.当input获得焦点时，input的值会被自动清除；当input失去焦点时，会判断输入值与默认值是否一致，如果一致（或空）则再次显示默认提示信息，若不一致（已输入信息）则input值为所输入值。　　参数说明：　　* @input 入参　　* json对象　　* @ dvalue input表单提示默认值 　　* @ tip 默认提示信息样式名clas

主要介绍了jquery控制表单输入框显示默认值的方法,可实现输入框出现出现默认值的效果,需要的朋友可以参考下

CSS

61,128

社区成员

60,711

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章