css文本框提示文字（如何在html文本框中添加提示信息）
本文目录
如何在html文本框中添加提示信息
用获得焦点onfocus和失去焦点onblur事件
《html》
《head》
《script》
function show(){
var test=document.getElementById("uname").value;
if(test==null || test==""){
document.getElementById("abc").style.display=’’;
}else{
document.getElementById("abc").style.display=’none’;
}
}
function hide(){
document.getElementById("abc").style.display=’none’;
}
《/script》
《/head》
《body》
《input id="uname" type="text" onblur="show()" onfocus="hide()"/》《span id="abc"》请输入名称《/span》
《/body》
《/html》
javascript代码实现
1）布局排版
2）鼠标移上文本框发光效果实现：给文本框取一个ID号，如txtInput，设置如下CSS样式：#txtInput:hover{box-shadow:0px0px 5px 0px #0000ff; }，其中#txtInput:hover表示鼠标移上ID为txtInput的网页元素。box-shadow为CSS3属性，表示边框有阴影。
3）应用文本框.onkeydown事件处理按下键盘事件，判断当文本框内内容长度大于规定长度时，事件处理函数返回false，使得按下键盘不起作用。文本框内内容用文本框.value获取。
4）应用文本框onkeyup事件处理松开键盘事件，处理将文本框中内容的长度写到文本框下方的计数位置上。文本框内容的长度可用文本框.value.length获取。
1）文本框中没有输入内容时，显示“请输入个人信息”这几个提示文字，且文字为灰色。
2）文本框聚焦时提示文字消失。
3）文本框中输入内容时，提示文字消失，输入文字为黑色。
4）当文本框中文字内容长度已达到最大值时，删除键仍然有用，可以删除文本框中文本，且删除时字符总数相应修改。
5）当文本框中文字内容全部删除时，提示文字出现。
提示：
1）事件处理程序默认带有一个参数，用e表示，可以通过e.which获取按下键的码值。注意：e.which用于非IE浏览器，IE浏览器要用window.event.keyCode获取。
2）注意文本框onfocus事件的应用。
更多文章：
2025年7月8日 01:15
unknown hard error是什么意思（unknown hard error是什么意思）
2025年9月1日 17:15
2026年4月22日 00:15
2026年3月8日 17:45
2025年9月6日 03:15
getconsolewindow（C语言 怎么使控制台窗口大小固定不变）
2025年6月6日 16:00
建站大师排名表2021（国内二次元手游2021年流水数据揭晓，最大赢家是谁）
2026年1月2日 02:15
2026年3月17日 08:15
2026年7月13日 04:15
html怎么在表格里加表格（如何在html单元格中插入表格并铺满单元格）
2026年5月14日 03:45
2025年9月24日 21:45
编号非自动列表是什么意思（word中项目符号，编号，多级列表什么区别及各用在什么场合）
2026年8月17日 05:15
2026年1月2日 01:15
2026年9月22日 22:15
oracle10客户端安装（Oracle Database 10g在windows上安装错误怎么解决）
2026年8月25日 13:00
2025年5月30日 08:45
2026年2月12日 01:30
nip和pluck的区别？百万英镑中，有这么一句，just like an englishman ,you see ,plu
2026年9月14日 14:15
