Thursday, December 3, 2009

HTML教程<form>

这次来谈谈form的用处。
form可以用来让用户填写资料,然后submit到server去被process。
来看看一个form的例子:



form里头通常会有textbox,checkbox,radio button,textarea,submit button等等。
这里将个别简单讨论。

<form>所支援的attribute:
action——设定form被submit的目标URL。
method——设定form被submit时所用的方式,可以是get或post。(post比较保安)
name——设定form的名字,以方便form内的数据被参考。

一个真正能用的form,必须具备以上三个attribute。

id——设定独特的id让JavaScript辨别。
class——设定class的名称,通常用在CSS。
style——设定element里的inline style,用于CSS。

<input>的使用
要在form里加入textbox,可以这样写:
<input type="text" name="firstname" value="type here"/>
你可以加入value attribute来设定textbox里的字串。

要在form里加入radio button,可以这样写:
<input type="radio" name="gender" value="male"/>Male
name可用来把radio button group起来。

要在form里加入checkbox,可以这样写:
<input type="checkbox" name="vehicle" value="Car"/>
name可用来把checkbox group起来。

form里一定要有submit的button,这样写:
<input type="submit" value="Send"/>

**
form也可以加入让用户键入文字的textarea,这样写:
<textarea name="text1" rows="5" cols="50">type text here</textarea>
你可以加入readonly来设定textarea只供读取而已。

No comments:

Post a Comment