`

HTML5感悟2

阅读更多
HTML5 服务器发送事件(server-sent event)允许网页获得来自服务器的更新。
Server-Sent 事件指的是网页自动获取来自服务器的更新。
Server-Sent 事件 - 单向消息传递

HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。
email
url
number
range
Date pickers (date, month, week, time, datetime, datetime-local)
search
color

E-mail: <input type="email" name="user_email" />
Homepage: <input type="url" name="user_url" />
Points: <input type="number" name="points" min="1" max="10" />
<input type="range" name="points" min="1" max="10" />

Date: <input type="date" name="user_date" />
Month: <input type="month" name="user_date" />
Week: <input type="week" name="user_date" />
Time: <input type="time" name="user_date" />
Date and time: <input type="datetime" name="user_date" />
Date and time: <input type="datetime-local" name="user_date" />

HTML5 拥有多个可供选取日期和时间的新输入类型:
date - 选取日、月、年
month - 选取月、年
week - 选取周和年
time - 选取时间(小时和分钟)
datetime - 选取时间、日、月、年(UTC 时间)
datetime-local - 选取时间、日、月、年(本地时间)

HTML5 拥有若干涉及表单的元素和属性。
datalist 元素规定输入域的选项列表。
keygen 元素的作用是提供一种验证用户的可靠方法。
output 元素用于不同类型的输出,比如计算或脚本输出

如需把 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>

keygen 元素是密钥对生成器(key-pair generator)。当提交表单时,会生成两个键,一个是私钥,一个公钥。
私钥(private key)存储于客户端,公钥(public key)则被发送到服务器。公钥可用于之后验证用户的客户端证书(client certificate)。

keygen 元素是密钥对生成器(key-pair generator)。当提交表单时,会生成两个键,一个是私钥,一个公钥。
私钥(private key)存储于客户端,公钥(public key)则被发送到服务器。公钥可用于之后验证用户的客户端证书(client certificate)。

<output id="result" onforminput="resCalc()"></output>

HTML5 的新的表单属性
新的 form 属性:
autocomplete
novalidate

新的 input 属性:
autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。
autofocus 属性规定在页面加载时,域自动地获得焦点。
form 属性规定输入域所属的一个或多个表单。

form overrides
(formaction, 重写表单的 action 属性
formenctype, 重写表单的 enctype 属性
formmethod, 重写表单的 method 属性
formnovalidate, 重写表单的 novalidate 属性
formtarget),重写表单的 target 属性
表单重写属性适用于以下类型的 <input> 标签:submit 和 image。

height 和 width
list 属性规定输入域的 datalist。datalist 是输入域的选项列表。

min, max 和 step 属性用于为包含数字或日期的 input 类型规定限定(约束)。
max 属性规定输入域所允许的最大值。
min 属性规定输入域所允许的最小值。
step 属性为输入域规定合法的数字间隔(如果 step="3",则合法的数是 -3,0,3,6 等)。

multiple 属性规定输入域中可选择多个值。
multiple 属性适用于以下类型的 <input> 标签:email 和 file。

pattern (regexp)
placeholder
required
分享到:
评论

相关推荐

    "HTML5游戏开发实战心得与经验交流PPT"

    北京神奇时代网络的首席技术专家张哲,诚挚献上专为HTML5游戏开发者准备的实战感悟与宝贵经验。精华要点涵盖: “三国时代OL”实战体验 HTML5技术的利弊权衡 在iPhone上实现HTML5的探索 Application Cache深入解析 3...

    html5模板-志愿者主题CSS3网站模板.zip

    HTML5和CSS3是现代网页设计的两大核心技术,它们为创建功能丰富、交互性强且视觉效果出众的网站提供了强大的工具。这款"html5模板-志愿者主题CSS3网站模板"是专为志愿者活动或非营利组织设计的一整套网页设计方案。 ...

    天蓝色背景旅行日志html5模板是一款非常清爽漂亮的个人博客网页模板素材.rar

    【标题】"天蓝色背景旅行日志html5模板"是一个专为个人博客设计的网页模板素材,其特点是采用清新的天蓝色调,给人一种宁静而舒适的视觉体验。这种模板旨在为喜欢分享旅行故事或日常生活的人们提供一个优雅的展示...

    jQuery客户感言展示特效.zip

    总结来说,这个"jQuery客户感言展示特效"项目结合了HTML5、CSS和jQuery,展示了如何创建一个动态的、用户友好的感言展示区。通过学习这个项目,开发者不仅可以掌握基础的网页元素布局和样式设计,还能深入了解jQuery...

    简洁的文档管理介绍模板HTML源码下载.rar

    - **H5 (HTML5)**:提供了更多的语义化标签,如、、、等,增强了网页内容的可读性和可访问性。 3. **页面组件**: - `base.html` 可能是基础样式或布局模板,包含全局的CSS样式和脚本。 - `logic.html` 涉及到...

    我的大学生活个人主页网站模板,我的大学生活网页制作模板,HTML

    这个模板采用了现代化的设计风格,结合了HTML5的新特性,提供了丰富的功能和自定义选项。 在网页设计中,HTML5(HyperText Markup Language第五版)是目前广泛使用的标记语言,它增强了网页的结构化和语义化,提高...

    天蓝色清爽漂亮旅行日志html5模板-天蓝色 蓝色 清爽 漂亮 旅行 日志 博客 个人主页 html5 扁平化 仿ios 简洁

    该资源是一个基于HTML5的网页模板,专门设计用于创建清爽、漂亮的个人旅行日志或博客。标题和描述中提到了几个关键元素,包括天蓝色调、清爽风格、旅行主题、日志功能、扁平化设计、iOS风格以及响应式布局。这些都是...

    Clean简洁响应式HTML5博客模板下载_简洁 响应式 博客 blog 灰色.rar

    《Clean简洁响应式HTML5博客模板解析》 在当今互联网时代,网站设计的趋势越来越倾向于简洁化和响应式布局。Clean博客模板就是这样一个优秀的实例,它以其简洁的设计风格、高效的响应式特性,为个人博客和简单技术...

    HTML5大作业1

    【HTML5大作业1】是梧州学院大数据与软件工程学院软件工程专业的一份课程作业,旨在通过制作个人技术博客分享网站来实践HTML5技术。这个项目不仅关注于视觉设计,还强调了交互性和功能性,提供了多种用户互动的模块...

    天蓝色背景旅行日志html5模板

    【天蓝色背景旅行日志HTML5模板】是针对个人博客设计的一款清新、优雅的网页模板素材,它以天蓝色为主色调,营造出一种宁静而舒适的视觉体验,旨在为用户提供一个展示旅行经历、分享生活感悟的理想平台。这款模板以...

    个人网站备案HTML静态模板.rar

    3. **jingyanzongjie.html**、**ganxiang.html**、**xindetihui.html**、**mingyanxinshang.html**、**gerenjieshao.html**:这些是HTML文件,很可能代表了不同的页面,如经验总结、感悟、心得体会、名言心赏和个人...

    十种表白网页源码

    DOCTYPE html&gt;`声明,定义文档类型为HTML5。接着是`&lt;html&gt;`元素,它是整个页面的根元素。在`&lt;html&gt;`内部,`&lt;head&gt;`包含元信息如标题,而`&lt;body&gt;`则容纳页面内容。 2. **标题元素**:`&lt;title&gt;`位于`&lt;head&gt;`内,用于...

    html,css,js

    此外,HTML5引入的新特性,如离线存储(`&lt;applicationCache&gt;`)、音频/视频处理(`&lt;audio&gt;`、`&lt;video&gt;`)等也是笔记的重要部分。 CSS(Cascading Style Sheets)则负责网页的样式和布局。CSS通过选择器(如类名、ID...

    人物生活HTML博客模板是一款用博客记忆生活HTML人物网站模板 .rar

    【人物生活HTML博客模板】是一种专门用于记录个人生活故事和思想感悟的网页设计模板,它以HTML语言为基础,为创建个性化博客提供了便捷的框架。HTML(HyperText Markup Language)是网页制作的基础,它通过标记性...

    Web大学生网页作业成品 :黑色主题个人博客网站设计与实现(HTML+CSS+JavaSpt).md

    - **HTML5**: 作为网页的基础构建语言,用于定义和组织网页内容。 - **CSS3**: 用于网页样式的定义和美化,通过CSS3可以实现更加丰富的视觉效果和更复杂的布局。 - **JavaScript (JS)**: 提供了交互性和动态功能的...

    swiperH5毕业季源码

    在这个项目中,源码很可能是围绕毕业季主题进行设计的,可能包含毕业照、毕业感言、活动回顾等内容。设计师可以通过修改图片、文字、背景等元素,打造独特的毕业季氛围。 8. 移动优化: Swiper对移动设备有很好的...

    HTML仿腾讯微博首页(Dreamweaver网页作业)

    - **HTML5**: 利用HTML5的新特性来增强页面的结构和语义。 - **CSS3**: 使用CSS3的新属性和选择器来实现更复杂的样式和动画效果。 - **JavaScript**: 增加动态交互功能,如图片轮播、下拉菜单等。 #### 3.3 网站...

    旅行个人博客模板下载是一款单页HTML网页模板下载.rar

    HTML5的新特性如语义元素(如、、等)、离线存储以及多媒体支持,使得博客内容更加丰富且易于阅读。 CSS(Cascading Style Sheets)则负责网页的样式和布局。在本模板中,我们可以看到Bootstrap.css、font-awesome....

    小清新简洁响应式HTML5博客模板

    【小清新简洁响应式HTML5博客模板】是一个专为个人风景博客设计的网站源码,其特点是风格清新、布局简洁,并且具备响应式设计。在当前互联网时代,一个优秀的博客模板不仅能吸引用户,还能提升用户体验,使内容更...

    阿西河前端教程学习心得随记——HTML5 有哪些新特性?_声明方式

    最近看了一些与html基础相关的入门教学视频,心得感悟只有:不同特性的标签记住就好了!但理智告诉我,一切还未正式开始。肿么办?-_-#  ... 为了享受这个过程,我会首先滑动鼠标... html5的新特性主要表现在五个方面,

Global site tag (gtag.js) - Google Analytics