Heluyao的博客 {11gz.com}

预览demo：html5 forms demo

必填项

很简单，添加属性 required

输入框自动获取焦点

载入页面后，第一个NAME的输入框自动获取焦点。添加属性 autofocus

文本框的输入提示

一直以来都是利用javascript的onblur、onfocus来实现一个输入框的提示信息，现在只需要添加属性 placeholder="要提示的内容"

表单验证功能

将输入框的type设置为email，即可验证是否正确的邮箱地址。

有趣的input type=”range”

可拖动的滑块，可设置一个最小值(min)和一个最大值(max)，还可以设置每拖动一格数字变动的步长(step)。配合output实现当前值的显示。

output写法：

input type=”number”

点击上下箭头按钮实现数字的加减操作。与“可拖动的滑块”类似，可设置最小值、最大值、步长。

输入框下拉提示

可自行输入，也可以直接下拉选择。

日期选择

不需要任何脚本的支持即可实现日历控件。

标签：html5

这篇文章发表于2010年04月12日，上午，11:24，归类于html/css/xml/xsl。您可以通过订阅RSS 2.0跟踪对这篇文章的评论，也可以发表您的评论，或者从您的站点trackback。