首页 > Web开发 > 详细

HTML5基础学习

时间:2019-04-13 17:53:56      阅读:122      评论:0      收藏:0      [点我收藏+]

技术分享图片

 

<input type="number" name="number"/>

HTML5 TYPE新增的属性有:color、date、datetime、datetime-local 、month、week、time 、email、number、range、search、tel、url,

 

技术分享图片

=======

技术分享图片

    <input type="date" name="date">
    <input type="month" name="month">
    <input type="week" name="week">
    <input type="datetime" name="datetime">
    <input type="datetime-local" name="datetime-local">

A:time用来设置时间(小时和分钟);

B:date用来设置年月日;

C:month用来设置年和月;

D:week用来设置年和周;

D:datetime用来设置年月日和时间;(utc时间)  不常用,以后可能会被清除,苹果中已经删除,所以兼容性不好。

Google chrome谷歌浏览器中显示:

技术分享图片

在Firefox火狐浏览器中显示:

技术分享图片

=================================

技术分享图片

A:type="number"number 类型用于应该包含数值的输入域;

B:type="range"类型用于应该包含一定范围内数字值的输入域;

C:type="color"定义拾色器;

D:search类型用于搜索域,可以在输入框中输入内容,当输入内容后,输入框的最后面会有一个“×”号,当点击“×”号时,输入框的搜索内容会被清除;只有goole chrome才会有×符号。

-------------------

技术分享图片

<input type="search" name="search" autocomplete="off" />

autocomplete="on"   如果不填写该属性则默认是自动完成的,双击会有之前填写的记录。

autocomplete="off"   双击文本框不会出现之前填写的记录。

autocomplete属性规定form或input域拥有自动完成功能,该属性适用于<form>标签和<input>标签,

A:<input type="email" name="email" autocomplete="on">规定启用自动完成功能;

B:<form autocomplete="off">定义禁用全部自动完成功能

autocomplete属性规定form或input域拥有自动完成功能,属性默认值是on,规定启用自动完成功能,属性还有一个值是off,规定禁用自动完成功能;

-------------------

技术分享图片

<input type="text" name="name" autofocus="autofocus"/>

 

技术分享图片

技术分享图片

    <form>
        上传文件<input type="file" name="file" multiple="multiple"/><br/>
        邮件地址:<input type="email" name="mail" multiple="multiple"/>
        <br/>
        <input type="submit" name="submit"/>
    </form>

技术分享图片

multiple属性规定输入域中可选择多个值,该属性适用于<input>标签的email和file

multiple="multiple" 属性可以用于文件上传,和多个邮件地址。这样对后端提取数据很麻烦。

------------------------------------

 

 

 

 

 

 

 

 

 

 

 

 

PHP的时间函数date()
//使用date()函数时,必须先设定时区:
date_default_timezone_set("Asia/Shanghai");
echo "today is ".date("y/m/d/h/i/s/sa")."<br>";
date() 函数的格式参数是必需的,它们规定如何格式化日期或时间。
下面列出了一些常用于日期的字符:
    d - 表示月里的某天(01-31)
    m - 表示月(01-12)
    Y - 表示年(四位数)
    1 - 表示周里的某天(这个英文L的小写l,不是数字1)
其他字符,比如 "/", "." 或 "-" 也可被插入字符中,以增加其他格式。
下面是常用于时间的字符:
    h - 带有首位零的 12 小时小时格式
    i - 带有首位零的分钟
    s - 带有首位零的秒(00 -59)
    a - 小写的午前和午后(am 或 pm)
如果从代码返回的不是正确的时间,有可能是因为您的服务器位于其他国家或者被设置为不同时区。
因此,如果您需要基于具体位置的准确时间,您可以设置要用的时区。
下面的例子把时区设置为 "Asia/Shanghai",然后以指定格式输出当前时间:
date_default_timezone_set("Asia/Shanghai");
echo "today is ".date("y/m/d/h/i/s/a")."<br>"
//sa可以连写,表示:秒和pm/am
===============================
通过 PHP mktime() 创建日期----make time
语法:mktime(hour,minute,second,month,day,year);
如下:
$d=mktime(9, 12, 31, 6, 10, 2015);
echo "创建日期是 " . date("Y-m-d h:i:sa", $d);
//谨记$d不能使用引号。
--------
通过 PHP strtotime() 用字符串来创建日期
PHP strtotime() 函数用于把人类可读的字符串转换为 Unix 时间。
语法: strtotime(time,now) 如下:
date_default_timezone_set("Asia/Shanghai");//创建时间一定要先设定时区
 $c=strtotime("10:30am October 14 2018");
 echo "今天是:".date("y-m-d-h-i-sa",$c)."<br>";
---
//设定为上海时区
 date_default_timezone_set("Asia/Shanghai");
 //可以用next days,+/-n days/months/years/seconds/hours/minutes...
 $d=strtotime("yesterday");
 echo "明天的时间为:".date("y-m-d-h-i-l-sa",$d)."<br>";
 $a=strtotime("-6 days");
 echo "三个月后的时间为:".date("y-m-d-h-i-sa",$a)."<br>";

HTML5基础学习

原文:https://www.cnblogs.com/Knowledge-is-infinite/p/10702075.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!