在HTML5中使用Form新的input types
下面的例子展示了在HTML5中你如何使用新的form input type,和现在的iPod Touch(使用IOS4.2.1和Safari 5.0.2)输出一样。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Using the new form input types in HTML5</title> </head> <body> <form> <table> <tr> <td>color:</td> <td><input type="color" /></td> </tr> <tr> <td>date:</td> <td><input type="date" /></td> </tr> <tr> <td>datetime:</td> <td><input type="datetime" /></td> </tr> <tr> <td>datetime-local:</td> <td><input type="datetime-local" /></td> </tr> <tr> <td>email:</td> <td><input type="email" /></td> </tr> <tr> <td>month:</td> <td><input type="month" /></td> </tr> <tr> <td>number:</td> <td><input type="number" /></td> </tr> <tr> <td>range:</td> <td><input type="range" /></td> </tr> <tr> <td>search:</td> <td><input type="search" /></td> </tr> <tr> <td>tel:</td> <td><input type="tel" /></td> </tr> <tr> <td>time:</td> <td><input type="time" /></td> </tr> <tr> <td>url:</td> <td><input type="url" /></td> </tr> <tr> <td>week:</td> <td><input type="week" /></td> </tr> </table> </form> </body> </html>
源码下载 :
相关推荐
nercon 2020-08-01
swiftwwj 2020-02-23
TONIYH 2020-06-11
huha 2020-10-16
TLROJE 2020-10-26
echoes 2020-08-20
zhanghaibing00 2020-06-28
Aveiox 2020-06-25
henryzhihua 2020-06-21
zhoutaifeng 2020-06-17
liangzhouqu 2020-06-16
开心就好 2020-06-10
x青年欢乐多 2020-06-06
KyrieHe 2020-06-03
bertzhang 2020-06-02
haokele 2020-05-29
niehanmin 2020-05-28