一、表單的作用

表單在網(wǎng)頁中主要負(fù)責(zé)數(shù)據(jù)采集功能。
一個表單有三個基本組成部分：
表單標(biāo)簽：這里面包含了處理表單數(shù)據(jù)所用CGI程序的URL以及數(shù)據(jù)提交到服務(wù)器的方法。
表單域：包含了文本框、密碼框、隱藏域、多行文本框、復(fù)選框、單選框、下拉選擇框和文件上傳框等。
表單按鈕：包括提交按鈕、復(fù)位按鈕和一般按鈕；用于將數(shù)據(jù)傳送到服務(wù)器上的CGI腳本或者取消輸入，還可以用表單按鈕來控制其他定義了處理腳。

二、表單的語法結(jié)構(gòu)

例：<form action="form_action.asp" method="get">
　　　<p>First name: <input type="text" name="fname" /></p>
　　　<p>Last name: <input type="text" name="lname" /></p>
　　　 <input type="submit" value="Submit" />
　　 </form>

三、表單常用input實例

1、文本域

<form>
姓名：<input type="text" name="name" value="" />
</form>

姓名.jpg

2、密碼域

<form >
　　密碼：<input type="password" name="password" value=""/>
</form>

密碼域.jpg

3、復(fù)選框

<form>
<input type="checkbox" value=""/>跑步
<input type="checkbox" value=""/>籃球
<input type="checkbox" value=""/>羽毛球
</form>

復(fù)選框.jpg

4、單選框

<form>
<input type="radio" value=""/>吃零食
<input type="radio" value=""/>減肥
</form>

單選.jpg

5、下拉列表

<form>
<select>
<option value="跑步">跑步</option>
<option value="仰臥起">仰臥起</option>
<option value="平板撐">平板撐</option>
</select>
</form>

下拉框.jpg

6、

<form>
<textarea cols="30" rows="10"></textarea>
</form>

文本域.jpg

7、創(chuàng)建按鈕

<form>
<input type="button" value="提交" />
</form>

按鈕.jpg

8、發(fā)送電子郵件

<form action="" method="post" enctype="text/plain">
姓名：<br />
<input type="text" name="name" value="" size="20">
<br />
電郵：<br />
<input type="text" name="mail" value="" size="20">
<br />
內(nèi)容：<br />
<input type="text" name="comment" value="" size="40">
<br /><br />
<input type="submit" value="發(fā)送">
<input type="reset" value="重置">
</form>

郵件.jpg

這些事比較常用的input標(biāo)簽