【表单标签】

表单通常必须配合着CGI、JAVA Script程式或是ASP程式来运作。

【各种输入类型】(type="表单类型")

1、文字输入列

例如:

<form>

姓名:<input type="text" name="name" size="20">

</form>

其有下列可设定之属性:

name="名称",是设定此一栏位的名称,程式中会用到。

size="数值",是设定此一栏位显示的宽度。

value="预设内容",是设定此一栏位的预设内容。

align="对齐方式",是设定此一栏位的对齐方式,其值有:

top(向上对齐)、bottom(向下对齐)、middle(向中对齐)、right(向右对齐)、left(向左对齐)、texttop(向文字顶部对齐)、baseline(向文字底部对齐)、absmiddle(绝对置中)、absbottom(绝对置下)。

maxlength="数值",是设定此一栏位可设定输入的最大长度。

checked="是设定此一栏位为预设选取值"。

2、单选核取表单

type="radio"

如:

<FORM>
性别:
男 <INPUT TYPE="RADIO" NAME="SEX" VALUE="BOY">
女 <INPUT TYPE="RADIO" NAME="SEX" VALUE="GIRL">
</FORM>

显示结果:

性别:男

  3、复选核取表单

type=“checkbox”

如:

<FORM>
喜好:
<INPUT TYPE="CHECKBOX" NAME="SEX" VALUE="MOVIE">电影
<INPUT TYPE="CHECKBOX" NAME="SEX" VALUE="BOOK">看书
</FORM>

显示结果:

喜好: 电影 看书

 

4、密码表单 

type="password"

 如:

<FORM>
请输入密码:<INPUT TYPE="PASSWORD" NAME="INPUT">
</FORM>

 显示结果:

请输入密码:

 

5、送出按钮 

 type="submit" type="reset"

如: 

<FORM>
<INPUT TYPE="SUBMIT" VALUE="送出资料">
<INPUT TYPE="RESET" VALUE="重新填写">
</FORM>

 显示结果:

 

 6、按钮元件

 表单中或是JAVA SCRIPT常会用到按钮来作一些效果,因此,我们可以利用TYPE=" BUTTON "来产生一个按钮。

如:

<FORM>
请按下按钮:<INPUT TYPE="BUTTON" NAME="OK" VALUE="我同意">
</FORM>  

 显示结果:请按下按钮:

 7、隐藏栏位                   

type="hidden"                                                                                                                                     

<FORM>
隐藏栏位:<INPUT TYPE="HIDDEN" NAME="NOSEE" VALUE="看不到">
</FORM>  

显示结果:隐藏栏位: