|
声明:本教程源于本人学习的一些经验的总结,希望大家帮忙完善与指正,也希望会给初学者带来方便,希望大家不要随便转载,写的不是很好,还不完善,不过转载时要注明作者和出处,附加原文的链接地址,谢谢了
已出:
自己写的web标准教程,帮你走进web标准设计的世界——第一讲
自己写的web标准教程,帮你走进web标准设计的世界——第二讲
上讲回顾:上一讲我主要讲解了一下网页常用的几个html标签。
本节我将给大家讲解表单标签和table标签,ok,Begin!Right now!
标签10:表单标签
功能:构造一个表单,用来向服务器提交数据
基本结构与详细标签:
a:input标签
使用指数:*****
功能:通过改变type类型来构造表单元素
类型:内联元素
常用属性:id,class,name(与ID类似,方便后台程序获取标签的值),accept(accept 属性只能与 配合使用。它规定能够通过文件上传进行提交的文件类型。)
type与对应值一览
其中值img很少使用,他与值submit的功能是相同的,hidden值对于一个前台开发者而言几乎是用不到的,button值暂时不做介绍,毕竟我们现在离Javascript还很遥远,呵呵
b: textarea标签
使用指数:****
功能:无限的向其中输入文本,比较适合做留言板,其中的文本的默认字体是等宽字体(通常是 Courier)
类型:内联元素
常用属性:id,class,name
特殊属性:cols,rows来设置他的区域大小,不过不推荐这种设置,还是建议通过css来设置(又是后话了)!
c: fieldset和legend标签
使用指数:**
功能:用来给你的表单划分区域,在legend中设置区域的标题(不是很常用)
类型:块级元素
常用属性:id,class,title
d:label标签
使用指数:***
功能:没有任何效果,只是为input标签提供一个标记不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
特殊属性for:
标签的 for 属性应当与相关元素的 id 属性相同。通过这种方法来与对应标签绑定
例子:
1 <form>2 <p><input type="radio" name="fru" id="apple" />苹果</label></p>
3 <p><input type="radio" name="fru" id="li" />梨</label></p>
4 <p><input type="radio" name="fru" id="ban" />香蕉</label></p>
5 <p><input type="radio" name="fru" id="ban" />草莓</p>
6 </form>
it知识库:自己写的web标准教程,帮你走进web标准设计的世界——第三讲(html终结篇),转载需保留来源!
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。