(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。

Asp.Net底层解析(四)——应用程序生命周期与HttpModule

前言:一般ASP.NET开发者对页面生命周期(PageLife Cycle)是比较熟悉的,在开发ASP.NET应用程序中经常需要从页面周期的角度去思考问题。实际上在页面生命周期的背后,还存在着一个不太...
  • mlcactus
  • mlcactus
  • 2013年02月01日 23:21
  • 1756

Win32应用程序开发:完整的开发流程

上一篇中我给各位说了一般人认为C++中较为难的东西——指针。其实对于C++,难点当然不局限在指针这玩意儿上,还有一些有趣的概念,如模板类、虚基类、纯虚函数等,这些都是概念性的东西,几乎每一本C++书上...
  • u013467442
  • u013467442
  • 2014年07月09日 21:10
  • 1326

windows编程实验四

1.如果写一个普通函数去创建窗体,采用直接创建窗体对象的方式,会有什么问题?如果写一个普通函数去创建窗体,利用指针动态创建窗体对象,又会有什么问题? 例如: #include   #include...
  • xurui1073337662
  • xurui1073337662
  • 2017年04月14日 14:52
  • 170

(22)HTML5-web应用基础

在HTML5游戏设计的web应用中,经常通过AJAX和JSON实现服务器与客户端的数据交换。现在举行一个结合AJAX和JSON应用于网上商城的范例: 玩家点击网上商城宝物的缩略图。 javascr...
  • zsc2014030403015
  • zsc2014030403015
  • 2016年09月03日 17:14
  • 165

Android应用程序的4个组件

Android 应用程序组件    Android 应用程序最大的一个特点就是每个应用都由若干组件构成。而且各个应用程序的组件还可以相互调用(需要在代码 中设置相应权限)。例如假设我们需要编...
  • chuyuqing
  • chuyuqing
  • 2013年06月19日 19:12
  • 4500

4 开发MapReduce应用程序

系统参数配置 Configuration类由源来设置,每个源包含以XML形式出现的一系列属性/值对。如: configuration-default.xml configuration-site.xm...
  • weixin_37289816
  • weixin_37289816
  • 2017年03月17日 20:27
  • 176

Servlet应用程序(4)----数据库

大多数的Web应用程序都是通过数据库来使用数据的。因为学会使用JDBC是非常重要的。 1. 连接池: 在数据库中访问数据时,最重要但也最麻烦的就是连理连接。按照规则,设计良好的程序的数据库连接应...
  • weixin_35737303
  • weixin_35737303
  • 2017年08月09日 16:31
  • 52

4 多视图应用程序

4.1 多视图应用程序介绍 4.2 UIViewController多视图程序 4.3 标签栏控制器 4.4 导航视图控制器应用 4.5 iOS应用程序风格类型 4.1 多视图应用程...
  • gujianpeng5
  • gujianpeng5
  • 2014年04月20日 20:03
  • 796

Identity Service - 解析微软微服务架构eShopOnContainers(二)

接上一篇,众所周知一个网站的用户登录是非常重要,一站式的登录(SSO)也成了大家讨论的热点。微软在这个Demo中,把登录单独拉了出来,形成了一个Service,用户的注册、登录、找回密码等都在其中进行...
  • binyao02123202
  • binyao02123202
  • 2017年06月02日 09:13
  • 998

数据库应用系统 第二章上机1-4

private void button1_Click(object sender, EventArgs e) { if (InsertStudent()) ...
  • qq_36074043
  • qq_36074043
  • 2016年12月07日 19:31
  • 150
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:(4)HTML5-Web应用程序
举报原因:
原因补充:

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