placeholder属性的使用:
1.属性为输入框占位符,里面可以放提示的输入信息
2.当输入框输入内容时,占位符的内容消失,输入框无内容时,占位符内容显示
3.占位符的内容不是输入框的内容
上图例子:第一个是文档框,text类型
第二个是密码框,password类型
<body>
<input type="test" placeholder="请输入用户名“>
<input type="password" placeholder="请输入密码”>
</body>
数字输入框
<body>
<input type="number">
</body>
网址输入框
字框的值需以http://或者https://开头,且后面必须有内容,否则表单提交的时候会报错误提示。
<body>
<input type="url">
</body>
邮箱输入框
1、Input的type属性设置为email,则表示该输入框的类型为邮箱。
2、数字框的值必须包含@。
3、数字框的值@之后必须有内容,否则会报错误提示。
<body>
<input type="email">
</body>