日期:2014-05-17  浏览次数:20746 次

HTML 5中的tips两则
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&amp;image=__POSTER__.JPG&amp;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>