html5新增的元素类型
来源:互联网 发布:试验数据分析 编辑:程序博客网 时间:2024/04/29 19:48
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>hello </title>
<script>
function showtabindex(){
var btn1,btn2,btn3;
btn1=document.getElementById('button1').tabIndex;
btn2=document.getElementById('button2').tabIndex;
btn3=document.getElementById('button3').tabIndex;
document.write("tab 切换按钮1的顺序:"+btn1);
document.write("<br>");
}
</script>
</head>
<body>
<p>
我爱我的家<mark>家乡是美好的</mark>
</p>
<menu>
<command onclick="alert('hello world')">click me!
</command>
</menu>
<h1>details与summary元素的区别</h1>
<details>
<summary>标题一</summary>
<img src="img/1.jpg" />
<p>标题一标题一标题一</p>
</details>
<form action="" name="form1" style="width:200px;">
<fieldset>
<legend>
请输入职业:
</legend>
<input type="text" list="worklist" />
<datalist id="worklist">
<option>程序开发员</option>
<option>系统架构师</option>
<option>数据维护员</option>
</datalist>
</fieldset>
</form>
<ol contenteditable="true">
<li>1111</li>
<li>1111</li>
<li>1111</li>
</ol>
<p contenteditable="true" spellcheck="true">进行拼写检查</p>
<button id="button1" tabIndex="1">按钮1</button><br />
<button id="button2" tabIndex="2">按钮2</button><br />
<button id="button3" tabIndex="3">按钮3</button><br />
<input type="button" onclick="showtabindex()" value="显示切换按钮顺序" />
<form action="#" method="get" autocomplete="on">
First name:<input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
E-mail: <input type="email" name="email" autocomplete="off" /><br />
<input type="submit" />
</form>
<form action="/example/html5/demo_form.asp" method="get">
Points: <input type="number" name="points" min="0" max="10" step="3"/>
<input type="submit" />
</form>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>hello </title>
<script>
function showtabindex(){
var btn1,btn2,btn3;
btn1=document.getElementById('button1').tabIndex;
btn2=document.getElementById('button2').tabIndex;
btn3=document.getElementById('button3').tabIndex;
document.write("tab 切换按钮1的顺序:"+btn1);
document.write("<br>");
}
</script>
</head>
<body>
<p>
我爱我的家<mark>家乡是美好的</mark>
</p>
<menu>
<command onclick="alert('hello world')">click me!
</command>
</menu>
<h1>details与summary元素的区别</h1>
<details>
<summary>标题一</summary>
<img src="img/1.jpg" />
<p>标题一标题一标题一</p>
</details>
<form action="" name="form1" style="width:200px;">
<fieldset>
<legend>
请输入职业:
</legend>
<input type="text" list="worklist" />
<datalist id="worklist">
<option>程序开发员</option>
<option>系统架构师</option>
<option>数据维护员</option>
</datalist>
</fieldset>
</form>
<ol contenteditable="true">
<li>1111</li>
<li>1111</li>
<li>1111</li>
</ol>
<p contenteditable="true" spellcheck="true">进行拼写检查</p>
<button id="button1" tabIndex="1">按钮1</button><br />
<button id="button2" tabIndex="2">按钮2</button><br />
<button id="button3" tabIndex="3">按钮3</button><br />
<input type="button" onclick="showtabindex()" value="显示切换按钮顺序" />
<form action="#" method="get" autocomplete="on">
First name:<input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
E-mail: <input type="email" name="email" autocomplete="off" /><br />
<input type="submit" />
</form>
<form action="/example/html5/demo_form.asp" method="get">
Points: <input type="number" name="points" min="0" max="10" step="3"/>
<input type="submit" />
</form>
</body>
</html>
0 0
- html5新增的元素类型
- html5新增加的input类型元素
- HTML5新增input元素的类型
- Html5新增的元素
- html5新增元素的熟悉
- html5新增的结构元素
- html5新增的常用元素
- html5新增的常用元素
- HTML5中新增的元素
- html5 新增的input元素
- <HTML5> 新增的表单元素
- HTML5新增的常用元素
- HTML5 - 新增的元素,删除的元素
- html5新增的type类型
- HTML5学习笔记2013.1.6——新增元素之input元素的类型
- HTML5 input元素新增和改良的类型与其js验证
- html5的新增元素及其属性
- HTML5新增与结构有关的元素
- 十进制改为十六进制
- bootstrap-datepicker 位置错误问题
- android之MVP模式(一)
- 【Eclipse+PyDev】字体、颜色和背景的个性化设置
- Java分布式应用技术架构介绍
- html5新增的元素类型
- 霍夫曼树 编码
- Web_Http同步和异步请求区别
- 16进制
- Git Step By Step - Step 3: Branching
- 十进制转换十六进制
- 15电气李书鹏5月7日VB作业(1)
- 选择排序
- 极光推送集成及注意事项(AndroidStudio)