HTML5入门----表单元素(2)
2016-06-03 19:57
441 查看
表单元素
- color
- datetime
- datetime-local
- time
- date
- week
- month
以上元素相关代码
效果显示
- color
- datetime
- datetime-local
- time
- date
- week
- month
以上元素相关代码
<span style="font-size:18px;"><span style="font-size:18px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>表单</title> </head> <body> <form> <input type="color"/> <input type="datetime"/> <input type="datetime-local"/> <input type="time"/> <input type="date"/> <input type="week"/> <input type="month"/> <input type="text" placeholder="请输入姓名:" spellcheck="true" list="test" aotufocus /> <!--placeholder属性--></span></span>
<span style="font-size:18px;"><span style="font-size:18px;"> <!-autofocus自动焦点属性--> </form> <datalist id="test"> <!--数据列表,让文本框具有下拉选择的功能--><!--和list关联--> <option value="a"></option> <option value="b"></option> <option value="c"></option> </datalist> </body></span> </html></span>
效果显示
相关文章推荐
- HTML5中在客户端验证文件上传的大小
- html5 web数据存储
- 页面元素查找之Selectors API
- 使用ajax实现用户登录验证(升级版)
- Canvas 在高清屏下绘制图片变模糊的解决方法
- 关于前端的思考与感悟
- 新时代编辑神器:Atom
- rem : web app适配的秘密武器
- jquery高级应用之Deferred对象
- 原生js结合html5制作小飞龙的简易跳球
- HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
- 三个不常见的 HTML5 实用新特性简介
- 低版本IE正常运行HTML5+CSS3网站的3种解决方案
- js+HTML5实现canvas多种颜色渐变效果的方法
- javascript+HTML5的Canvas实现Lab单车动画效果
- javascript+html5实现绘制圆环的方法
- javascript html5实现表单验证
- HTML5实现微信拍摄上传照片功能
- JavaScript+html5 canvas制作的百花齐放效果完整实例