H5中的表单结构更自由

最新推荐文章于 2024-03-25 21:14:24 发布

day_by_day_

最新推荐文章于 2024-03-25 21:14:24 发布

阅读量313

点赞数

分类专栏： HTML5 文章标签： H5中的表单结构更自由

本文链接：https://blog.csdn.net/day_by_day_/article/details/84308968

版权

HTML5 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

XHTML（可扩展超文本语言）它的目标是取代HTML成为更严谨的网页结构代码。
它是一项W3C标准
他和HTML最主要的不同就是
1. XHTML元素必须被正确地嵌套
2. XHTML元素必须被关闭
3. XHTML元素标签名必须使用小写
4. XHTML元素必须有根元素

由于XHTML是如此的严谨、眼睛里容不下一点沙子所以：

在XHTML中的input/button/select/textarea等标签元素都要放到form表单中才会生效，但是在H5中却不必这样，我们只需要通过H5新增的form属性指向元素所属表单的ID值，即可关联起来。

具体的代码语法是：

<form id="iform">
	<input>
	...
</form>
<input value="我在id为iform的表单外" form="ifrom">

案例：
<form id="ifrom">
	<input type="text" name="name">
	<input type="submit" name="name">
</from>
<input type="text" name="name" form="ifrom">
这样外面的input通过form属性关联到了form的id，这是点击提交就可以看到提交的值，这样有了这个属性以后表单的提交就变得灵活起来。不管在任何位置只要form属性值为form表单的ID就都可以进行提交，不用再局限于form表单中。

最后总结一点：这个属性使得表单的结构更自由、但还是有不足，如果在网页里随便进行使用这会使得页面结构混乱，以及不利于后期维护。尽量使用语义网。（首次发帖如果有不对的地方还请大家多多指正）