1.  <!DOCTYPE HTML>
  2.  <html>
  3.  <head>
  4.      <meta http-equiv="content-type" content="text/html" />
  5.      <meta name="author" content="Prince" />
  6.  
  7.      <title>form</title>
  8.  </head>
  9.  
  10.  <body>
  11.      <form action="http://localhost/test.php" method="post" id="register"></form>
  12.      <input type="text" name="user" value="" form="register"/>
  13.      <input type="password" name="pwd" value="" form="register" />
  14.      <select name="year" form="register">
  15.          <option value=""></option>
  16.          <option value=""></option>
  17.          <option value=""></option>
  18.      </select>
  19.      <input type="submit" value="注册" form="register"/>
  20.  
  21.      <hr />
  22.      dfd：<input type="text" name="tt" pattern="\d{3}" value="" form="register"/>
  23.  
  24.      邮箱：<input type="email" name="youxinag" value="" placeholder="这是默认值" autofocus="autofocus" form="register" required="required" /><br />
  25.      地址：<input type="url" name="url" form="register"  form="register"/>
  26.      DATE:<input type="date" name="riqi" value="" form="register"/><br />
  27.      TIME:<input type="time" name="shijian" value=""/>
  28.      MONTH:<input type="month" name="yue" value="" />
  29.      周：<input type="week" name="zhou" value="" />
  30.      数字：<input type="number" name="suzhi" value="" form="register" /><br />
  31.      滑动条<input type="range" name="suzhi" value="" form="register"  max="" step=""/>
  32.      搜索 :<input type="search" name="huadong" value="" form="register" results="n"/>
  33.      颜色：<input type="color" name="huadong" form="register"/><br />
  34.  
  35.      <hr />
  36.      自动填充表单<br/>
  37.      <input type="text" name="auto" value="" list="movie" />
  38.      <datalist id="movie">
  39.          <option>人生的美好</option>
  40.          <option>人的高兴</option>
  41.          <option>太开心了</option>
  42.      </datalist>
  43.      <hr />
  44.      输出表单output
  45.      <form action="" method="post" oninput="result.value=parseInt(no1.value*no2.value)">
  46.          <input type="number" name="no1" value=""/>
  47.          <input type="number" name="no2" value=""/>
  48.          <output name="result" ></output>
  49.      </form>
  50.      <hr />

今天学生了html5的第一课一些常用的input 感谢网友

  1.  <!DOCTYPE HTML>
  2.  <html>
  3.  <head>
  4.      <meta http-equiv="content-type" content="text/html" />
  5.      <meta name="author" content="Prince" />
  6.  
  7.      <title>video</title>
  8.  </head>
  9.  
  10.  <body>
  11.      <video src="movie.ogg" width="" height="" controls="controls">
  12.          您的浏览器不支持
  13.      </video>
  14.  
  15.      <hr />
  16.      多资料的视频播放
  17.      <video controls="controls"  loop="loop" poster="PLMM.jpg">
  18.  
  19.          <source src="movie.ogg" type="Vieo/ogg"/>
  20.          <source src="movie.webm" type="Video/webm"/>
  21.          您的浏览器不支持视频标签，还不赶快升级
  22.      </video>
  23.  
  24.      <hr />
  25.  
  26.      使用以下Video标签的API<br />
  27.      <video src="movie.webm" id="video" controls="controls">
  28.          您的浏览器不支持
  29.      </video>
  30.  
  31.      <button onclick="bofang()">播放</button>
  32.      <button onclick="zanting()">暂停</button>
  33.  
  34.      <script>
  35.          //获得对应的video标签
  36.          var videmo=document.getElementById('video');
  37.  
  38.          function bofang()
  39.          {
  40.              videmo.play();
  41.          }
  42.  
  43.          function zanting()
  44.          {
  45.              videmo.pause();
  46.          }
  47.  
  48.      </script>
  49.      <hr />
  50.      音频标签的使用<br />
  51.      <audio src="我的好兄弟.mp3" controls="controls">
  52.          您的老牛已经接不动破车了
  53.      </audio>
  54.  
  55.  </body>
  56.  </html>

html5 input 标签的更多相关文章

  1. HTML5<input>标签

    在表单中最为核心的就是<input>标签,使用<input>标签可以在表单中定义文本输入框.单选按钮.复选框.重置按钮等,其基本语法格式如下: <input type=& ...

  2. [HTML5] input标签 disable属性

    <span>服务器名称:<input type="text" name="server_name" placeholder="服务器 ...

  3. 全面剖析 <input> 标签 ------ HTML\HTML5

    <input>标签因其形式多样.功能强大,当之无愧成为了WEB前端开发人员最钟爱的元素之一.下面就来对<input>做一个全面的剖析: 标签定义: <input> ...

  4. html5中form表单新增属性以及改良的input标签元素的种类

    在HTML5中,表单新增了一些属性,input标签也有了更多的type类型,有些实现了js才能实现的特效,但目前有些浏览器不能全部支持.下面是一些h5在表单和input标签上的一些改动. <!D ...

  5. 原生HTML5 input type=file按钮UI自定义

    原生<input type="file" name="file" />长得太丑 提升一下颜值 实现方案一.设置input[type=file]透明度 ...

  6. JavaScript----Js操控-HTML5 <progress> 标签

    Js操控----HTML5 <progress> 标签 简单模拟下下载进度跑条 <h4>加载进度</h4> <input type="button& ...

  7. [HTML5]label标签使用以及建议

    for 属性规定 label 与哪个表单元素绑定. 隐式和显式的联系 标记通常以下面两种方式中的一种来和表单控件相联系:将表单控件作为标记标签的内容,这样的就是隐式形式,或者为 <label&g ...

  8. input 标签实现带提示文字的输入框

    方法一:html5配合css3实现带提示文字的输入框(摆脱js): webkit特有的一个css,可以控制里面的文字样式,配合css3的动画效果和伪类,我们就可以很容易做出一个带动画的输入框,在系统登 ...

  9. Html5新标签解释及用法

    Html5新标签解释及用法 HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准.它希望能够减少浏览器对于需要 ...

随机推荐

  1. [译]Flutter JSON和序列化

    [译]Flutter JSON和序列化   很难想象一个移动应用程序不需要与Web服务器通信或在某些时候容易存储结构化数据.制作网络连接的应用程序时,迟早需要消耗一些好的旧JSON. 本指南介绍了如何 ...

  2. js中的关系操作符

    1.关于“小于(<)” a.关于数值的判断就是跟正常的比较一样: b.var result = “23” <"3" ;  //true 这两个是字符串,会比较他们的编码 ...

  3. HTML&CSS——background: url() no-repeat 0 -64px;CSS中背景图片定位方法

    CSS中背景图片的定位,困扰我很久了.今天总算搞懂了,一定要记下来. 在CSS中,背景图片的定位方法有3种: 1)关键字:background-position: top left; 2)像素:bac ...

  4. WAS：启动服务后，server一会挂起。

    有个WAS集成,其中一台因为linux系统异常需要重新安装,于是服务器停了:一会现场提报ERP系统访问不了. 查看了另外一个server后台日志,有一批webcontainer进程挂起,明显服务死了. ...

  5. nginx网站日志配置

    用yum安装的nginx的日志默认安装在路径:/var/log/nginx nginx配置文件:/etc/nginx/nginx.conf (总配置文件)/etc/nginx/conf.d/defau ...

  6. hdu 1027 Ignatius and the Princess II（产生第m大的排列，next_permutation函数）

    题意:产生第m大的排列 思路:使用 next_permutation函数(头文件algorithm) #include<iostream> #include<stdio.h> ...

  7. Bootstrap 网格系统的工作原理

    网格系统通过一系列包含内容的行和列来创建页面布局.下面列出了 Bootstrap 网格系统是如何工作的: 行必须放置在 .container class 内,以便获得适当的对齐(alignment)和 ...

  8. 出现"Unable to instantiate Action,xxxxx, defined for 'login' in namespace '/' xxxxx 解决办法

    转自:https://blog.csdn.net/heroful/article/details/17261169 问题原因: 在MyEclipse 利用SSH框架写程序,运行时出现 " U ...

  9. 任务35：JWT 认证授权介绍

    任务35:JWT 认证授权介绍 应用场景主要是移动端或者PC端前后分离的场景 直接对客户端API的请求 例如访问admin/Index 没有权限返回403. 需要客户端手动的再发动请求,这是一个拿to ...

  10. NYOJ3——多边形重心问题

    多边形重心问题 时间限制:3000 ms  |  内存限制:65535 KB 难度:5  描述:在某个多边形上,取n个点,这n个点顺序给出,按照给出顺序将相邻的点用直线连接, (第一个和最后一个连接) ...