读书频道 > 网站 > 网页设计 > 深入理解HTML5:语义、标准与样式
2.9 表单元素
13-06-27    奋斗的小年轻
收藏    我要投稿   
HTML5并不一定适用于所有网站,而是面向未来的网站!本书面向的读者是致力于创建有更好的多媒体、交互性和语义的网站的开发者和设计师。本书介绍了HTML5里的新元素和它们的用法,包括不太常用的元素。书中也包含...立即去当当网订购

本质上网页表单是一个很大的主题,HTML5增加了很多新元素,如此一来其队伍更加壮大了。表单元素经常要求对属性的仔细编码,以使各种元素一起正常工作,并让表单成功地将数据提交到服务器。表单将会在第4章介绍,这里我们只是通过简单的例子来初步了解:

 

在浏览器中渲染后的结果如图 2-11所示。


图 2-11 一个简单表单的外观

这只是一个用来说明表单结构的简单例子。表单一般遵循以下格式:

将表单组件包含在form元素里,它定义了处理表单提交数据的文件。

定义一些收集输入的控件,比如文本框、下拉列表、单选框等。

提供一个用于提交表单的按钮,使输入的数据可以被获取和处理。

如果你完全熟悉表单,那么也许会发现上面例子中一个陌生的属性:placeholder,它会在文本输入框里增加一个灰色文本,用来提示应该输入的内容。placeholder属性是HTML5的新属性,但这只是冰山一角!在最新的标准中,对表单有大量修改。除了在表2-11里的新增和更新了的元素,有很多新的输入类型可以通过input元素来创建,例如非常需要的e-mail地址、电话号码、日期和时间的输入框,还有很多!等到第4章我们将会深入介绍。在这期间,先熟悉基本的表单相关元素,了解内嵌内容元素的概要。


表 2-11 表单元素的内容模型类别


■ HTML5新特性 元素 描述 主要内容模型类别
元数据型 区块型 标题型 文档流型 语句型 内嵌型 交互型
  form 用户可提交的表单            
  fieldset 表单控件集合            
  legend fieldset标题              
  label 表单控件标题        
  input 表单控件        
  button 按钮控件        
  select 菜单控件        
  datalist 其他表单控件的数据列表          
  optgroup select里的option分组              
  option selectdatalist里的option              
  textarea 多行文本输入控件        
keygen 加密对生成器表单控件        
output 计算结果的输出          
progress 进度条          
meter 度量衡          
 
点击复制链接 与好友分享!回本站首页
分享到: 更多
您对本文章有什么意见或着疑问吗?请到论坛讨论您的关注和建议是我们前行的参考和动力  
上一篇:1.3 功能
下一篇:1.5 小结
相关文章
图文推荐
JavaScript网页动画设
1.9 响应式
1.8 登陆页式
1.7 主题式
排行
热门
文章
下载
读书

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训
版权所有: 红黑联盟--致力于做最好的IT技术学习网站