(9)网址输入框
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>网址入框</title> <style> </style> </head> <body> <form> <input type="url"> <input type="submit"> </form> </body> </html>
这个表单可以验证网址是否合法有效,必须为http格式。
新的表单的新属性
(1)placeholder
这个属性是文本的占位符,相当于一种提示信息,显示在输入域,描述期待user输入的值。
<input type="text" placeholder="请输入文字">
(2)required
这个属性的值为Bool,默认为true,意思是在输入域不能为空
<input type="text" required>
(3)autofocus
auto是自动的意思,focus是聚焦的意思,这个属性描述的就是自动聚焦到需要填写的textarea。
<input type="text" autofocus>
(4)autocomplete
这个属性有两个值,一个是on,另一个是off。默认是on,与email相反,email默认是off。功能是提示写过的信息。
attention:这个属性一定要和name一起使用,不然是不合法不生效的。
<input type="text" name="username" autocomplete>
(5)minlength和maxlength
这个属性限定输入的最少字数和最多字数,以字符个数计数。
<input type="text" min="9" max="15">