gududesiling 发表于 2011-12-22 08:54

form 表单介绍

<DIV>html的form表单是非常重要的概念</DIV>
<DIV>&nbsp;</DIV>
<DIV>&lt;form&gt;创建表单的标志</DIV>
<DIV>必须属性:action规定当提交表单时,向何处发送表单数据</DIV>
<DIV>可选属性:method:get/post,规定如何发送表单数据(关于怎么使用用这个,最后会做介绍)</DIV>
<DIV>&nbsp;</DIV>
<DIV>&lt;form包含的3个下级标签&gt;</DIV>
<DIV><FONT color=#f00000>一。&lt;input&gt;标签,用于设置表单框,单选框,复选框,提交等等</FONT></DIV>
<DIV>属性:</DIV>
<DIV>type:类型,这个可以有很多值:
<UL>
<LI>button
<LI>checkbox:复选框(和单选框相对,是个方小框,但是可以选2次)
<LI>file
<LI>hidden
<LI>image :提交时以一个图片位选择方式,后面要加上src:图片地址
<LI>password :密码输入
<LI>radio :单选框(就是前面一个圆圈,但是只能选一次)
<LI>reset
<LI>submit :提交,呈现的是一个按钮,使用这个的时候,要和value一起使用(value是现实在按钮上的值)
<LI>text :文字输入,使用这个text值的话,得和name属性配合使用,呈现的是一个输入框</LI></UL></DIV>
<DIV>name:定义 input 元素的名称</DIV>
<DIV>value:值,若和submit一起使用,value的值现实在按钮上,。</DIV>
<DIV>size:定义输入字段的宽度</DIV>
<DIV>src:以提交按钮形式显示的图像的</DIV>
<DIV>action:</DIV>
<DIV>checked:表示缺省已经选上的。。。</DIV>
<DIV>&nbsp;</DIV>
<DIV><FONT color=#f00000>2.&lt;select&gt;标签</FONT></DIV>
<DIV>下拉框标签</DIV>
<DIV>属性:</DIV>
<DIV>name:</DIV>
<DIV>size:设置下拉框的尺寸(指的是上下的尺寸)</DIV>
<DIV>multiple:复选框,这个很重要,光加上这个单词就起作用,不过复选的时候得加上ctrl控制来实现多选</DIV>
<DIV>他和&lt;input&gt;标签不一样,他还有一个下级标签&lt;option&gt;</DIV>
<DIV><FONT color=#000000>&lt;option&gt;</FONT></DIV>
<DIV>属性:</DIV>
<DIV>selected </DIV>
<DIV>value</DIV>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV><FONT color=#f00000>3.&lt;textarea&gt;标签:文本区域,</FONT><FONT color=#000000>多行输入框,主要用于输入较长的文本信息</FONT></DIV>
<DIV>属性:</DIV>
<DIV>name:</DIV>
<DIV>cols:列,说明设置文本区域占多少列</DIV>
<DIV>rows:行,也就是设置文本区域占多少行</DIV>
<DIV>
<P>至于method,表示了发送表单信息的方式。method有两个值:get和post。get的方式是将表单控件的name/value信息经过编码之后,通过URL发送(你可以在地址栏里看到)。而post则将表单的内容通过http发送,你在地址栏看不到表单的提交信息。那什么时候用get,什么时候用post呢?一般是这样来判断的,如果只是为取得和显示数据,用get;一旦涉及数据的保存和更新,那么建议用post。</P></DIV>
<DIV>&nbsp;</DIV>
页: [1]
查看完整版本: form 表单介绍