inupt textarea提示文字(点击消失,不输入恢复)及限制字数
2018-03-26 11:20
645 查看
效果:
input:
textarea: 限100字
源码:
input:
<input name="textfield" type="text" maxlength="20" value="请输入文字.."
onfocus="if (value =='请输入文字..'){value =''}"
onblur="if (value ==''){value='请输入文字..'}" />
<br><br>
textarea:
<textarea cols="50" rows="5" id="textarea" onKeyDown="textdown(event)"
onKeyUp="textup()" onfocus="if(value=='限100字'){value=''}"
onblur="if (value ==''){value='限100字'}">限100字</textarea>
<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);
}
}
</SCRIPT>
input:
textarea: 限100字
源码:
input:
<input name="textfield" type="text" maxlength="20" value="请输入文字.."
onfocus="if (value =='请输入文字..'){value =''}"
onblur="if (value ==''){value='请输入文字..'}" />
<br><br>
textarea:
<textarea cols="50" rows="5" id="textarea" onKeyDown="textdown(event)"
onKeyUp="textup()" onfocus="if(value=='限100字'){value=''}"
onblur="if (value ==''){value='限100字'}">限100字</textarea>
<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);
}
}
</SCRIPT>
相关文章推荐
- inupt textarea提示文字(点击消失,不输入恢复)及限制字数
- inupt textarea提示文字(点击消失,不输入恢复)及限制字数
- inupt textarea提示文字(点击消失,不输入恢复)及限制字数
- inupt textarea提示文字(点击消失,不输入恢复)及限制字数
- inupt textarea提示文字(点击消失,不输入恢复)
- inupt textarea提示文字(点击消失,不输入恢复)
- inupt textarea提示文字(点击消失,不输入恢复)
- editText提示输入文字字数,同时限制字数和清空输入内容
- iOS实现TextView提示文字并且输入字数限制
- iOS - 实现TextView提示文字并且输入字数限制
- jQuery实现文本域内提示文字,当鼠标点击进文本域后自动消失,文本域失去鼠标焦点后显示提示文字或显示用户输入的文字。
- 设计input搜索框提示文字点击消失的效果,提示文字与输入显示不同----->特别推荐
- 输入框显示输入提示,点击消失。没输入直接提交,提交的输入框内容为空,不提交显示的提示文字
- html中input文本框,初始里边有文字提示,当点击输入文字时,原文字消失
- ios开发之--实现TextView提示文字并且输入字数限制
- 基于jquery的textarea发布框限制文字字数输入(添加中文识别)
- 仿新浪微博,提示可输入的字数限制 textarea
- textarea 提示文字,点击消失
- 输入框有提示,点击消失,字数限制