html5 input 标签
2024-08-25 05:39:08
<!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>
最新文章
- Linux字符设备驱动框架
- icon fonts
- 【转】c3p0详细配置
- PLSQLDeveloper 提示不能初始化？
- backbone-todo案例分析
- Fake_AP模式下的Easy-Creds浅析
- 【HTML5】炫丽的时钟效果Canvas绘图与动画基础练习
- DB2_SQL_常用知识点&实践
- I2C总线协议的总结介绍
- POJ 1321 棋盘问题（DFS & 状压DP）
- 中文输入法不触发onkeyup事件的解决办法
- linq 为什么要用linq linq写法
- 深入理解 JavaScript 事件循环（一）— event loop
- Akka（27）： Stream：Use case-Connecting Slick-dbStream & Scalaz-stream-fs2
- 稀疏分解中的MP与OMP算法
- ssm学习（五）--加入分页插件
- Eureka源码分析：Eureka不会进行二次Replication的原因
- 老男孩python学习自修第十四天【序列化和json】
- spring+shiro共享session完整小例子
- 大直播时代，P2P才是降低成本的必杀技