<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>专用表单</title> </head> <body> <form> <!--运行一遍发现,都是一样的.的确,我们输入时可以任意输入,但是只有提交表单时,浏览器才会根据type对输入的内容做判断--> <input type="email"><br> <input type="tel"><br> <input type="url"> <br> <br><br><br><br> <!--日期类型就智能多了--> <input type="date"> <!--颜色也很智能--> <input type="color"> <!--隐藏起来的表单,只在提交的时候显示出来--> <input type="hidden" value="123"> <br><br><br><br> <!--一个图片的表单,很奇妙,点击图片不同位置,会出现不同的,x,y--> <input type="image" src="dow1.png"> <!--上传文件表单,可以多选,单选--> <input type="file" multiple> <br> <input type="file" required> </form> </body> </html>
成品如下: