前端面试之---placeholder的简单使用（css）

结果才重要

已于 2022-03-10 14:47:43 修改

阅读量1.1k

点赞数 1

分类专栏：前端面试文章标签：前端 css 面试

于 2021-12-30 16:46:41 首次发布

本文链接：https://blog.csdn.net/m0_60237095/article/details/122240713

版权

前端面试专栏收录该内容

18 篇文章 2 订阅

订阅专栏

本文介绍了HTML中input标签的placeholder属性，该属性用于设置输入框默认显示的灰色文字，当用户开始输入时文字会消失。示例代码展示了如何在firstname和lastname输入框中使用placeholder，提醒用户输入名字。请注意，Internet Explorer 9及更早版本不支持此属性。

摘要由CSDN通过智能技术生成

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 属性。