输入框有提示,点击消失,字数限制
2012-10-25 13:57
281 查看
<input name="textfield" type="text" maxlength="20" value="请输入文字.."
onfocus="if (value =='请输入文字..'){value =''}"
onblur="if (value ==''){value='请输入文字..'}" />
<br />
<textarea cols="50" rows="5" id="textarea" onkeydown="textdown(event)"
onkeyup="textup()" onfocus="if(value=='限100字'){value=''}"
onblur="if (value ==''){value='限100字'}">限100字</textarea>
<input type="text" value="" id="lbltip" />
<script type="text/javascript">
function textdown(e) {
textevent = e;
if (textevent.keyCode == 8) {
return;
}
if (document.getElementById('textarea').value.length >= 100) {
alert("大侠,手下留情,此处限字100")
if (!document.all) {
textevent.preventDefault();
} else {
textevent.returnValue = false;
}
}
}
function textup() {
var s = document.getElementById('textarea').value;
//判断ID为text的文本区域字数是否超过100个
if (s.length > 100) {
document.getElementById('textarea').value = s.substring(0, 100);
}
else
{
document.getElementById('lbltip').value="还可以输入"+(100-s.length)+"个字";
}
}
</script>
onfocus="if (value =='请输入文字..'){value =''}"
onblur="if (value ==''){value='请输入文字..'}" />
<br />
<textarea cols="50" rows="5" id="textarea" onkeydown="textdown(event)"
onkeyup="textup()" onfocus="if(value=='限100字'){value=''}"
onblur="if (value ==''){value='限100字'}">限100字</textarea>
<input type="text" value="" id="lbltip" />
<script type="text/javascript">
function textdown(e) {
textevent = e;
if (textevent.keyCode == 8) {
return;
}
if (document.getElementById('textarea').value.length >= 100) {
alert("大侠,手下留情,此处限字100")
if (!document.all) {
textevent.preventDefault();
} else {
textevent.returnValue = false;
}
}
}
function textup() {
var s = document.getElementById('textarea').value;
//判断ID为text的文本区域字数是否超过100个
if (s.length > 100) {
document.getElementById('textarea').value = s.substring(0, 100);
}
else
{
document.getElementById('lbltip').value="还可以输入"+(100-s.length)+"个字";
}
}
</script>
相关文章推荐
- inupt textarea提示文字(点击消失,不输入恢复)及限制字数
- inupt textarea提示文字(点击消失,不输入恢复)及限制字数
- inupt textarea提示文字(点击消失,不输入恢复)及限制字数
- inupt textarea提示文字(点击消失,不输入恢复)及限制字数
- inupt textarea提示文字(点击消失,不输入恢复)及限制字数
- 验证textarea输入框字数限制,只作提示不作提交限制
- JS实现输入框提示文字点击时消失效果
- 输入框提示文字点击时消失网页特效
- 带字数限制提示的输入框效果
- 输入框显示输入提示,点击消失。没输入直接提交,提交的输入框内容为空,不提交显示的提示文字
- JS实现输入框提示文字点击时消失效果
- 输入框字数限制+动态提示:10个汉字或20个字符的问题
- 输入框显示输入提示,点击消失
- [Javascript]如何在HTML中实现点击input输入框(获得焦点)后默认提示消失的效果
- 小问题总结:鼠标点击到输入框(input)里的时候,输入框的提示消失,鼠标再移开,输入框提示出现
- HTML中输入框添加提示文字并且点击消失
- 点击输入框文字消失,统计输入框文字并限制
- 用JS来实现输入框提示文字点击时消失
- 上次同学说写搜索表单号要显示请输入,但是点击输入就点搜索,输入框的值是空的,点击输入框表单号消失,自己试了下
- 实现网页文本框显示灰色提示文字且点击后消失的一个小函数(基于jquery)