html的input输入框提示信息

最新推荐文章于 2026-03-28 02:12:56 发布

原创最新推荐文章于 2026-03-28 02:12:56 发布 · 1.1w 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

php/java 专栏收录该内容

36 篇文章

订阅专栏

本文介绍了一种在HTML中实现输入框默认提示信息的方法，通过设置input元素的value属性和利用onclick及onBlur事件来控制提示文字的显示与隐藏，有效提升用户体验。

html的input输入框提示信息，点击后消失，代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
</head>
<body>
<input type="text" name="textfield" value="这里是提示内容" onclick="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;this.style.color='#999'}" style="color:#999"/>
</body>
</html>