input之怎么清除默认值

其实很多的网站都用到了此功能，它非常容易实现，却又很人性化。
我们先来看看它的要求：

首先，http://不能让用户该变；其次，input框得到焦点后里面的文字消失而且文字颜色从灰色变成黑色；最后，input框失去焦点后里面的文字又出现而且文字颜色从黑色变成灰色，有点绕，是吧！是简单吧！

我是这样分析的，我们可以用两个input，然后把第一个input的disabled设为true；或者用一个span，原理都一样，要把右边框去掉。在此我遇到了一个问题，在火狐下，如果设置input的border-style为solid后，在浏览器下是灰色的，几乎看不清，在IE下我没有测试过，那么就要把边框设置一个颜色。OK了。

<input name="username" type="text" value="first name.last name" size="15" maxlength="60" onfocus="if (value==defaultValue)value=''" onblur="if(!value)value=defaultValue">

在此还需要注意的是defaultValue，我姑且把它称为是input的一个属性，它记录了input的value属性最原始的值！

input之怎么清除默认值相关推荐

设置input type=text的默认值
设置<input type="text">的默认值最基本的就是用value设置默认值,例如<input type="text" value=& ...
Python input输入超时选择默认值自动跳过
Python input输入超时选择默认值自动跳过 Python input 等待键盘输入,超时选择默认值,释放input,之后重新进入等待键盘输入状态,直到用户输入可用数据. 一.调用 func_t ...
给input type=color设置默认值
参考:https://stackoverflow.com/questions/14943074/html5-input-colors-default-color?utm_medium=organic& ...
input text 默认值设置
设置<input type="text">的默认值最基本的就是用value设置默认值,例如<input type="text" value=& ...
input标签默认值
问题:写登陆拦截控制器时,一直拦截失败 <input type="text" th:name="username" class="form-co ...
input默认值，点击清除，离开恢复
input默认值,点击清除,离开恢复参考代码如下: <input type="text" class="top_txtbox" size="1 ...
HTML input 默认值设置
原文地址为: HTML input 默认值设置一个好的站点能够做到在一些极其细小的方面对用户(浏览者)体贴入微,为浏览者大开方便之门,今天向你介绍一个自动清除表单输入域的默认值脚本,即当用户在inp ...
antd 给input设置值_Antd 中 Input 组件默认值的显示
1.input标签中有placeholder可以显示默认值但是有少量样式的问题(字体颜色会淡一点) placeholder属性 2.用Input组件中的defaultValue属性 defaultV ...
input文本框设置和移除默认值
input文本框设置和移除默认值这里想实现的效果是:设置和移除文本框默认值,如下图鼠标放到文本框中的时候,灰字消失. 1.可以用简单的方式,就是给input文本框加上onfocus属性,如下代码: ...

input之怎么清除默认值

input之怎么清除默认值相关推荐

最新文章

热门文章