placeholder的简单使用

最新推荐文章于 2025-10-10 23:14:36 发布

原创最新推荐文章于 2025-10-10 23:14:36 发布 · 7.1k 阅读

41 ·

CC 4.0 BY-SA版权

文章标签：

#html

前端技术同时被 2 个专栏收录

2 篇文章

订阅专栏

html

1 篇文章

订阅专栏

博客介绍了input标签的placeholder属性，它是用户名密码框未输入内容时默认显示的灰色文字，同时提醒Internet Explorer 9及更早IE版本不支持该属性。

placeholder就是用户名密码框未输入内容时,默认显示的灰色文字。

如下图效果：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>placeholder效果演示(runoob.com)</title> 
</head>
<body>

<form action="demo-form.php">
  <input type="text" name="fname" placeholder="First name"><br>
  <input type="text" name="lname" placeholder="Last name"><br>
  <input type="submit" value="提交">
</form>

</body>
</html>

注意： Internet Explorer 9及更早 IE 版本不支持 input 标签的 placeholder 属性。