input提示字在有焦点消失或输入改变时消失

一:获取焦点时 提示字消失

<input type="text" name="textfield" value="这里是提示内容" onclick="if(value==defaultValue){value=‘‘;this.style.color=‘#000‘}" onBlur="if(!value){value=defaultValue;this.style.color=‘#999‘}" />

二:修改文字时 提示字消失(但是placeholder有兼容性的问题)

<input class="text" type="email" name="email" spellcheck="false" placeholder="邮 箱" autofocus >

<input class="text" type="password" name="password" placeholder="密 码" >

<input class="button" type="submit" value="登 录" >

input提示字在有焦点消失或输入改变时消失

时间: 2024-12-21 16:35:00

input提示字在有焦点消失或输入改变时消失的相关文章

使用 onpropertychange 和 oninput 检测 input、textarea输入改变

检测input.textarea输入改变事件有以下几种: 1.onkeyup/onkeydown 捕获用户键盘输入事件. 缺陷:复制粘贴时无法检测 2.onchenge 缺陷:要满足触发条件:当前对象的属性改变(由键盘或鼠标触发)且对象失去焦点 3.onpropertychange 当前对象属性改变就会触发 缺陷:只支持低版本IE 4.oninput 和onpropertychange类似,当前对象属性改变就会触发 缺陷:不支持低版本IE 可以看出以上几种方法都有各自的缺陷,1和2一般不能满足需

同时绑定onpropertychange 和 oninput 事件,实时检测 input、textarea输入改变事件,支持低版本IE,支持复制粘贴

实时检测 input.textarea输入改变事件,支持低版本IE,支持复制粘贴 检测input.textarea输入改变事件有以下几种: 1.onkeyup/onkeydown 捕获用户键盘输入事件. 缺陷:复制粘贴时无法检测 2.onchenge 缺陷:要满足触发条件:当前对象的属性改变(由键盘或鼠标触发)且对象失去焦点 3.onpropertychange 当前对象属性改变就会触发 缺陷:只支持低版本IE 4.oninput 和onpropertychange类似,当前对象属性改变就会触发

input中的内容改变时触发的事件

onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发: onpropertychange事件是实时触发,每增加或删除一个字符就会触发,通过js改变也会触发该事件,但是该事件是IE专有. oninput事件是IE之外的大多数浏览器支持的事件,在value改变时实时触发,但是通过js改变value时不会触发:基本写原生常用的是oninput. oninput与onpropertychange失效的情况: oninput事件: 1.当脚本中改变value时,不会触发: 2.从浏览器的自

使用bitblt函数加载位图,重绘时消失

BOOL BitBlt( HDC hdcDest, // 设备描述表句柄 int nXDest, // 输出设备左上角x坐标 int nYDest, // 输出设备左上角y坐标 int nWidth, // 资源在输出设备上的宽度 int nHeight, // 资源在输出设备上的高度 HDC hdcSrc, // 资源设备描述表(虚拟设备描述表) int nXSrc, // 指定资源左上角的x坐标 int nYSrc, // 指定资源左上角的y坐标 DWORD dwRop // 光栅操作代码

12.checkbox改变时让字改变

checkbox改变时让字改变 public class Setup4Activity extends BaseSetupActivity { private CheckBox cbProtect; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_setup4); cbProtect

textView设置按下和焦点改变时让字体颜色发生变化

在res/color/text_color_selector.xml这个下编写: <?xml version="1.0" encoding="utf-8" ?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_selected="true" android:color

关于Jmeter测试移动端应用时提示非法登录,不是合法的登录设备时的解决办法

当Jmeter测试移动端应用时提示非法登录,不是合法的登录设备时的解决办法:只需要在jmeter的http信息头管理器中配置相应的设备信息,可通过抓包工具得到:即头信息Header中的Miscellaneous域的所有值:一般的设备配置是这样的: ua: AndroidappVersion: 2.6.0osVersion: 5.1.1terminalType: AndroiddeviceType: V8deviceShopId: 822290053111654terminalId: YP6100

关于(textarea)回车换行符在提交请求(URL)时消失的处理

关于(textarea)回车换行符在提交请求(URL)时消失的处理,有时候,我们在页面输入查询时,想多个同时查询,然后,回车隔开每个查询的内容. 后台只能收到字符串,没有回车换行符. 如下面的一个请求 window.location = "${ctx}/post/cusQueryMailExport?customerId="+customerId +"&postTimeStart="+postTimeStart+"&postTimeEnd=

IE浏览器 下面的文本框,获得焦点后无法输入内容

今天遇到一个问题,在IE浏览器下面,我点击 按钮  弹出一个弹出层,里面有一个 文本编辑器和一个文本框,但是第二次弹出后,文本框和文本编辑器无法输入内容,在控制台用js代码测试 $(document).on("focus","#title",function(){ alert("focus"); }) $(document).on("keydown","#title",function(){ alert(&