欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

H5 输入框的提示信息

程序员文章站 2024-01-25 10:03:07
...

输入框的提示信息的例子

功能说明：该提示会在输入字段为空时显示，并会在字段获得焦点时消失。

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
</head>
<body>
<!--HTML4 的写法-->
<input type="text" value="请输入关键词" 
	onFocus="if(this.value=='请输入关键词'){this.value='';}" 
	onBlur="if(this.value==''){this.value='请输入关键词';}" />
<!--HTML5 的写法-->
<input type="text" placeholder="请输入关键词" />
</body>
</html>

 

效果图：
H5 输入框的提示信息 博客分类： 境-H5 输入框的提示信息该提示会在输入字段为空时显示并会在字段获得焦点时消失 
 

 

 

 

 

 

  • H5 输入框的提示信息 博客分类： 境-H5 输入框的提示信息该提示会在输入字段为空时显示并会在字段获得焦点时消失 
  • 大小: 13.3 KB
相关标签： 输入框的提示信息 该提示会在输入字段为空时显示 并会在字段获得焦点时消失

上一篇： 分享PHP加密扩展库Mcrypt安装及应用技巧

下一篇： PHP 解析URL和URL参数拆分与合并

推荐阅读