理解HTML5表单中的元素

发布日期:2015-09-11 16:29:44
我们的 HTML5表单包含很多元素,所以我们拆开来讲。首先表单被设定了一个 ID用于对应样式,然后包含一个 HTML5的 hgroup ,用于显示表单标题和说明文字:
<form id="redemption" method="post">
<hgroup>
<h1>北京网页设计</h1>
<h2>北京梦创义科技提供专业的网页设计,网站制作,网站建设,网站优化服务</h2>
</hgroup>
表单中的三块子区域都使用带有 legend 标签的 fieldset 来包裹:
<fieldset>
<legend>About the offending film (part 1 of 3)</legend>
<div>
<label for="film">北京网页设计</label>
<input id="film" name="film" type="text" placeholder="e.g. King
Kong" required aria-required="true" >
</div>
从上面的代码片段可以看出,每一个输入元素,都有一个 label 元素与之对应,且一并被包裹在 div 中,看起来是很普通的表单。不过,此处的第一个输入元素中使用了一个HTML5 的表单特性:在 id 、 name 和 type 这些普通属性之后,有一个 placeholder属性。

相关文章

  Copyright © 2010-2018 北京梦创义科技
公司地址:朝阳区紫芳路9号院广顺园2号楼2605A

联系我们| 关于我们| 网站地图| 北京网站建设| 北京网页设计