(6)日期表示
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>日期表示</title> <style> </style> </head> <body> <form> <input type="date"> <!--日期选择出来date,还有datatime,datatime-local--> <input type="submit"> </form> </body> </html>
效果:
(7)搜索框
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>搜索框</title> <style> </style> </head> <body> <form> <input type="search" placeholder="我是输入字段为空时的提示信息"> <input type="submit"> </form> </body> </html>
(8)手机号码输入框(pc端没有特别明显的效果,主要用于手机移动端)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>手机输入框</title> <style> </style> </head> <body> <form> <input type="tel"> <input type="submit"> </form> </body> </html>
只能输入满足手机号的正则表达式内容