6-3 给点提示呗 - placeholder属性的使用
本节编程练习不计算学习进度，请电脑登录imooc.com操作

给点提示呗 - placeholder属性的使用

这一项章节我们来学习input标签中占位符placeholder,属性，有时候需要提示用户输入框需要输入框的内容，那么就会用到我们的占位符，比如下面的效果：

想要实现这样的效果,我们只需要输入以下代码：

技术点的解释：

1、placeholder属性为输入框占位符,里面可以放提示的输入信息。

2、placeholder属性的值可以任意填写,当输入框输入内容时,占位符内容消失,输入框无内容时,占位符内容显示。

3、占位符内容不是输入框真正的内容。

是不是很简单呢？

任务

我来试试：

请在右边编辑器第10行开始写下3种不同的输入框占位符，效果如下：

index.html 
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <title>input-placeholder</title>
  7. </head>
  8.  
  9. <body>
  10.  
  11. </body>
  12.  
  13. </html>
下一节