HTML 5中的tips两则

最新推荐文章于 2024-09-08 07:56:47 发布

原创最新推荐文章于 2024-09-08 07:56:47 发布 · 154 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flash #html5

ajax/web相关专栏收录该内容

409 篇文章

订阅专栏

本文介绍HTML5中input元素的required属性及其正则表达式应用，实现对电子邮件地址和复杂密码格式的有效验证。此外，还展示了如何利用HTML5的video标签与Flash备份方案来确保跨平台的多媒体内容播放兼容性。

1 input type中的required属性，支持正则表达式，比如
<input type="text" title="email" required pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" />

<input title="at least eight symbols containing at least one number, one lower, and one upper letter" type="text" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" required /

2 同时支持HTML 5的vidio，也支持flash
<video width="640" height="360" controls>
<source src="__VIDEO__.MP4" type="video/mp4" />
<source src="__VIDEO__.OGV" type="video/ogg" />
<object width="640" height="360" type="application/x-shockwave-flash" data="__FLASH__.SWF">
<param name="movie" value="__FLASH__.SWF" />
<param name="flashvars" value="controlbar=over&image=__POSTER__.JPG&file=__VIDEO__.MP4" />
<img src="__VIDEO__.JPG" width="640" height="360" alt="__TITLE__"
title="No video playback capabilities, please download the video below" />
</object>
</video>