html5 表单与文件之二
2011-07-21 17:18浏览 次
1、 output：定义不同类型的输出。Step：控制数值的增加或减少的步幅。当你想让用户输入的值在0—100之间，但必须是5的倍数时，你可以指定step为5支持浏览器：Opera10
<form>
range:<input type="range" name="range1" step=5 min=0 max=100>
<output onFormInput="value=range1.value">50</output>
</form>
2、 自动验证：pattern：填写格式；required：如没有在文本框内填写内容，提示填写信息出现。支持浏览器：firefox4、Opera10、chrome
<form>
<input type="text" name="text" required pattern=”[0-9][A-Z]{3}” placeholder=”输入内容：一个数字与三个大写字母”>
<input type="submit">
</form>
3、 自定义错误信息
4、 Mark：突出显示或高亮显示。默认背景变为黄色
<h1>搜索：<mark>html 5</mark>的信息</h1>
<p> <mark>html 5</mark>的信息信息信息信息信息信息信息信息信息</p>
支持浏览器：chrome、opera10、ie9、firefox5
区别：mark标识目的与原文作者无关；em作者为了突出文字重点；strong作者强调一段文字的重要性，警告信息、错误信息等。
5、 Progress：代表一个任务的完成进度。
<section><h2>progress元素的使用示例</h2>
<p>完成百分比：<progress max="100"><span></span>%</progress></p>
<input type="button" onclick="button_onclick" value="请点击" />
</section>
<script>…….</script>
6、 meter：规定范围内的数量值。
<p>磁盘使用量：<meter value="40" min="0" max="160">40/160</meter>GB</p>
<p>你的得分是：<meter value="91" min="0" max="100" low="40" high="90" optimum="100">A+</meter></p>
Optimum最佳值；min最小值；max最大值；low规定范围的下限值；high规定范围的上限值
支持的浏览器：chrome、opera
Ie下
<!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->但是试过不好使。
7、 menu和command：菜单和菜单项，目前没有浏览器支持，不作介绍了。
8、
<h2>ol的star属性---支持浏览器：ie6789、ff、chrome、safar、oprea</h2>
<ol start="5">
<li>列表内容5</li>
<li>列表内容6</li>
<li>列表内容7</li>
<li>列表内容8</li>
<li>列表内容9</li>
</ol>
<h2>ol的reversed属性--反向排序：没有浏览器支持</h2>
<ol reversed>
<li>列表内容5</li>
<li>列表内容6</li>
<li>列表内容7</li>
<li>列表内容8</li>
<li>列表内容9</li>
</ol>
9、 改良的dl：重新定义后可包含多个带名字的列表项。
<aside>
<h2>术语解释</h2>
<dl>
<dt><dfn>rss</dfn></dt><dd>dsfdsffffffffffff</dd>
<dt><dfn>博客</dfn></dt>大幅度发打发到反对撒发生到辅导费<dd></dd>
</dl>
</aside>
10、 Cite表示作品的标题。H5中不可以用来表示作者在内的任何人名。
11、 Small：专门用来标识所谓“小字印刷体”的元素，通常用在免责声明、注意事项等等地方。字体不会再变小，如需要用css实现。
作者: 山野菜菜籽 来源:html5 表单与文件之二 标签: