<!DOCTYPE HTML>

 <html>

 <head>

     <meta http-equiv="content-type" content="text/html" />

     <meta name="author" content="Prince" />

     <title>form</title>

 </head>

 <body>

     <form action="http://localhost/test.php" method="post" id="register"></form>

     <input type="text" name="user" value="" form="register"/>

     <input type="password" name="pwd" value="" form="register" />

     <select name="year" form="register">

         <option value=""></option>

         <option value=""></option>

         <option value=""></option>

     </select>

     <input type="submit" value="注册" form="register"/>

     <hr />

     dfd：<input type="text" name="tt" pattern="\d{3}" value="" form="register"/>

     邮箱：<input type="email" name="youxinag" value="" placeholder="这是默认值" autofocus="autofocus" form="register" required="required" /><br />

     地址：<input type="url" name="url" form="register"  form="register"/>

     DATE:<input type="date" name="riqi" value="" form="register"/><br />

     TIME:<input type="time" name="shijian" value=""/>

     MONTH:<input type="month" name="yue" value="" />

     周：<input type="week" name="zhou" value="" />

     数字：<input type="number" name="suzhi" value="" form="register" /><br />

     滑动条<input type="range" name="suzhi" value="" form="register"  max="" step=""/>

     搜索 :<input type="search" name="huadong" value="" form="register" results="n"/>

     颜色：<input type="color" name="huadong" form="register"/><br />

     <hr />

     自动填充表单<br/>

     <input type="text" name="auto" value="" list="movie" />

     <datalist id="movie">

         <option>人生的美好</option>

         <option>人的高兴</option>

         <option>太开心了</option>

     </datalist>

     <hr />

     输出表单output

     <form action="" method="post" oninput="result.value=parseInt(no1.value*no2.value)">

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

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

         <output name="result" ></output>

     </form>

     <hr />

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

 <!DOCTYPE HTML>

 <html>

 <head>

     <meta http-equiv="content-type" content="text/html" />

     <meta name="author" content="Prince" />

     <title>video</title>

 </head>

 <body>

     <video src="movie.ogg" width="" height="" controls="controls">

         您的浏览器不支持

     </video>

     <hr />

     多资料的视频播放

     <video controls="controls"  loop="loop" poster="PLMM.jpg">

         <source src="movie.ogg" type="Vieo/ogg"/>

         <source src="movie.webm" type="Video/webm"/>

         您的浏览器不支持视频标签，还不赶快升级

     </video>

     <hr />

     使用以下Video标签的API<br />

     <video src="movie.webm" id="video" controls="controls">

         您的浏览器不支持

     </video>

     <button onclick="bofang()">播放</button>

     <button onclick="zanting()">暂停</button>

     <script>

         //获得对应的video标签

         var videmo=document.getElementById('video');

         function bofang()

         {

             videmo.play();

         }

         function zanting()

         {

             videmo.pause();

         }

     </script>

     <hr />

     音频标签的使用<br />

     <audio src="我的好兄弟.mp3" controls="controls">

         您的老牛已经接不动破车了

     </audio>

 </body>

 </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. rails用generate为两个模型创建has_and_belongs_to_many中间表

    假设 teachers和students具备many-to-many的关系,那么需要一个Join 表,has_and_belongs_to_many默认该表名字为teachers_students,这 ...

  2. Java 三大特性：封装、继承、多态

    一.封装: 对内 可封装自己的实现细节,使之信息隐藏不被其它类破坏: 对外 各个类之间分工明确, 其它类无需关心实现细节,类中细节发生改变,其它类也无需作出更改: 二.继承: 从已有的类中派生出新的类 ...

  3. (C\C++)inline关键字

    背景(C&C++中) inline关键字用来定义一个类的内联函数,引入它的主要原因是用它替代C中表达式形式的宏定义. 表达式形式的宏定义如: #define ExpressionName(Va ...

  4. codeforces C. Magic Formulas 解题报告

    题目链接:http://codeforces.com/problemset/problem/424/C 题目意思:给出 n 个数:p1, p2, ..., pn,定义: q1 = p1 ^ (1 mo ...

  5. JS DOM1核心概要1

    节点:XML和HTML文档都是有节点构成的结构,每段标记都可以通过节点来表示: 节点类型: 元素节点(常用) 属性节点(常用) 文本节点 注释节点 文档节点 进程节点 文档类型节点 等... 了解节点 ...

  6. LibSVM学习详细说明

    代码文件主要针对Matlab进行说明,但个人仍觉得讲解的支持向量机内容非常棒,可以做为理解这一统计方法的辅助资料; LibSVM是台湾林智仁(Chih-Jen Lin)教授2001年开发的一套支持向量 ...

  7. 搜索好题UVA1601

    题目 分析:如果以当前3个小写字母的位置为状态,则问题转化为图上的最短路问题.但是如果每次都判断小写字母的下一步是否合法,那就是说每次移动都需要判断5^3,肯定会超时.可以把所有可以移动的格子找出来建 ...

  8. [POI2007] 大都市

    [题目链接] https://www.lydsy.com/JudgeOnline/problem.php?id=1103 [算法] 树链剖分 时间复杂度 : O(NlogN ^ 2) [代码] #in ...

  9. ImportError: No module named 'httplib'

    原因:Python 2.x中的"httplib"模块在Python 3.x中变成了"http.client" 原代码: import httplib impor ...

  10. bzoj1304

    树形dp 题目是要求最深的颜色 先开始觉得设dp[i][0/1/2]表示这个点的状态,然后发现没办法保证该点是最深的点,且dp状态没有实际意义,其实dp[i][0/1]表示当前i的子树颜色为c^1的叶 ...