(4)HTML5-Web应用程序

原创 2016年08月29日 15:49:08


<!doctype html>
 <head>
     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 </head>
 <body>
  <!-- 《datalist》,使用此标签可以替代《input》标签增加下拉菜单,因此配合《input》标签调用“文字输入框”一起使用 -->
  <input id="Movie" list="movie"/>
  <datalist id="movie">
    <option value="星际效应">
    <option value="饥饿游戏">
    <option value="特务交锋">
  </datalist>

  <!-- 《keygen》,在送出窗体数据时会产生一组验证密钥,私钥会保存在客户端,公钥则会送到服务器端,可在需要验证身份时使用 keygen可使用属性autofocus:在网页加载时,自动获取focus。 disabled:使对象无法被选择 form:指定所属的窗体ID id:指定对象所属ID keytype:指定密钥的算法,有RSA,DSA,EC可选 name:数字字段名称 -->
  <form action="/example/html5/demo_form.asp" method="get">
      Username:<input type="text" name="usr_name" />
      Encryption:<keygen name="security" />
      <input type="submit" />
  </form>

  <!-- 《output》,可使用JavaScript输出计算后的结果。在例子中,先用“oninput”属性决定x变量的计算方式,接着用两种input类型“range”和“number”来输入数值,最后直接用《output》标签显示x计算后的结果。可使用属性: class:指定对象的类 for:指定与计算结果相关的id id:指定对象所属的id name:数字字段名称,建议与id相同 style:设置显示样式 -->
  <form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0<input type="range" id="a" value="100">200+
<input type="number" id="b" value="100">=<output name="x" for="a b"></output>
  </form>

  <!-- 《meter》,使用此标签可以显示统计图表中的直方图,对于呈现如意将调查之类的相关信息非常有用 可以用的属性:max:范围内数值中最大的可能值 min:最小的可能值 value:代表当前的值 文字:当直方图无法正常显示时,会以文字代替-->
  <h1>订饭盒</h1>
  <p>荤45人</p>
  <meter value="9" min="0" max="10">9/10</meter><br>
  <p>素5人</p>
  <meter value="0.1">10%</meter>

  <!-- 《progress》此标签与《meter》的显示效果类似,但是比较适合用于表示动态改变的进度条,例如网页加载进度,因此,在使用上会配合JavaScript更新value属性,建立动态改变进度条的效果 可供使用属性:max:在范围内最大的可能值 value:代表当前的值 文字:当直方图无法正常显示时,会以文字代替-->
  <p>下载进度</p>
  <progress value="42" max="100"></progress>
 </body>
</html>


版权声明:本文为博主原创文章,转载必须声明出处,thank。

相关文章推荐

HTML5移动Web应用程序的JavaScript 框架

Sencha Touch 2是一个高性能的HTML5移动框架,一个端到端的设计,开发和部署HTML5应用平台的基石。它让你轻松开发移动Web应用程序,并且功能可以与iPhone,Android和Bla...

html5之创建离线Web应用程序

离线应用程序缓存功能允许我们指定Web应用程序所需的全部资源, 这样浏览器就能在加载HTML文档时把它们都下载下来。 1)定义浏览器缓存: 启用离线缓存——创建一个清单文件,并在html元素的man...

移动Web应用程序开发 HTML5篇 (一) HTML5简介

本系列博客将主要介绍如今大红大紫的移动Web应用程序开发最重要的三个工具:HTML5,JavaScript, CSS3。博文也分为三个大部分: 1. 众望所归的HTML5将主要介绍HTML5的前世今...

HTML5开发移动web应用——SAP UI5篇(4)

我们在项目中添加Controller,来设定控制器。我们制作一个按钮,点击该按钮后,自动弹出hellow,world的对话框。 修改App.view.xml中代码为如下形式:

HTML5与web应用平台

  • 2013-05-08 15:44
  • 415KB
  • 下载

基于构建实时WEb应用的HTML5 WebSocket协议<一>

前言       作为下一代的 Web 标准,HTML5 拥有许多引人注目的新特性,如 Canvas、本地存储、多媒体编程接口、WebSocket 等等。这其中有“Web 的 TCP ”之称的 Web...

ASP.NET MVC 5 Web应用程序

  • 2015-10-13 16:34
  • 4.82MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)