html5输入日期时间 html5 input date

转载

陌陌香阁 2023-08-21 14:48:41

文章标签 html5输入日期时间 html5 date 搜索 HTML5 文章分类 HTML5 移动开发

HTML5 拥有多个可供选取日期和时间的新输入类型： date - 选取日、月、年 month - 选取月、年 week - 选取周和年 time - 选取时间（小时和分钟） datetime - 选取时间、日、月、年（UTC 时间） datetime-local - 选取时间、日、月、年（本地时间）下面的例子允许您从日历中选取一个日期：实例Date: <input type="date" name="user_date" /> 亲自试一试输入类型 "month": 亲自试一试输入类型 "week": 亲自试一试输入类型 "time": 亲自试一试输入类型 "datetime": 亲自试一试输入类型 "datetime-local": 亲自试一试 Input 类型 - search search 类型用于搜索域，比如站点搜索或 Google 搜索。 search 域显示为常规的文本域。 HTML5 的新的表单元素： HTML5 拥有若干涉及表单的元素和属性。本章介绍以下新的表单元素： datalist keygen output 浏览器支持 datalist 元素 datalist 元素规定输入域的选项列表。列表是通过 datalist 内的 option 元素创建的。如需把 datalist 绑定到输入域，请用输入域的 list 属性引用 datalist 的 id：实例Webpage: <input type="url" list="url_list" name="link" /><datalist id="url_list"><option label="W3School" value="http://www.W3School.com.cn" /><option label="Google" value="http://www.google.com" /><option label="Microsoft" value="http://www.microsoft.com" /></datalist> 提示：option 元素永远都要设置 value 属性。 keygen 元素 keygen 元素的作用是提供一种验证用户的可靠方法。 keygen 元素是密钥对生成器（key-pair generator）。当提交表单时，会生成两个键，一个是私钥，一个公钥。私钥（private key）存储于客户端，公钥（public key）则被发送到服务器。公钥可用于之后验证用户的客户端证书（client certificate）。目前，浏览器对此元素的糟糕的支持度不足以使其成为一种有用的安全标准。实例<form action="demo_form.asp" method="get">Username: <input type="text" name="usr_name" />Encryption: <keygen name="security" /><input type="submit" /></form> 亲自试一试 output 元素 output 元素用于不同类型的输出，比如计算或脚本输出：实例<output id="result"></output> 亲自试一试