建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网页设计 > html/xhtml >

HTML5的28个特征、窍门和技术(6)

时间:2010-09-01 13:04来源: 作者: 点击:
十四、必要的属性(Required Attribute ) 表单允许新的必要属性,用来指定是否需要特殊的input。这取决于你的代码偏好,你可以以下面两种方式之一申明此属性。 input type = text name = someInput required 或者,

  十四、必要的属性(Required Attribute )

  表单允许新的必要属性,用来指定是否需要特殊的input。这取决于你的代码偏好,你可以以下面两种方式之一申明此属性。

 

  1. <input type="text" name="someInput" required> 

  或者,使用更结构化的方法:

 

  1. <input type="text" name="someInput" required="required"> 

  两种方法都行。有了这个代码,并且浏览器支持此属性,如果“someInput”文本框是空白,则表单不会被提交。下面是一个简单的例子,我们还将添加占位符属性,因为没有理由不这样做。

 

  1. <form action="" method="get">    
  2.   <label for="name">姓名:</label>   
  3.    <input id="name" name="name" type="text" placeholder="zhangxinxu" required="required" />      
  4. <button type="submit">提交</button></form> 

  如果input里面内容是空白,则表单提交的时候,文本框会高亮显示。//zxx:貌似仅在Chrome浏览器下有点小效果

  

1

  十五、Autofocus属性

  同样,HTML5的解决方案消除了对JavaScript的需要。如果一个特定的输入应该是“选择”,或有重点的,默认情况下,我们现在可以利用自动获取焦点属性。

  1. <input type="text" name="someInput" placeholder="zhangxinxu" required autofocus> 

  有趣的是,虽然我个人更倾向于喜欢XHTML的方法(用引号,等等),写作“autofocus=autofocus”让人感到有点怪。因此,我们将坚持使用单一关键字的方法。

  十六、Audio支持

  我们无需再依赖第三方插件区渲染音频。HTML5提供了元素,嗯,至少,最终,我们将不必担心这些插件。就目前,只有最近期的的浏览器提供HTML5音频支持。在这个时候,它仍然是一个很好的做法提供一些向后兼容的形式。

 

  1. <audio autoplay="autoplay" controls="controls">    
  2.   <source src="file.ogg" />    
  3.   <source src="file.mp3" />   
  4.    <a href="file.mp3">Download this file.</a> 
  5. </audio> 

  Mozilla和WebKit的还没有完全相处,当涉及到音频格式, Firefox会希望看到一个.ogg文件,而WebKit的浏览器支持.mp3扩展。这意味着,至少在现在,你应该创建两个版本的音频。

  当Safari加载页面时,它不会承认.ogg格式,会跳过它并移动到的MP3版本,因此。请注意IE,每往常一样,不支持这些格式,Opera 10和以及以下版本只能使用.wav文件。

(责任编辑:admin)
织梦二维码生成器
顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片