form表單的應用

一、form表單是在網站製做中經常使用到的功能，例如用戶名的註冊，簡歷的製做等都會用到form表單。

二、form表單的基本屬性主要是method,action,target，它們分別表明表單傳輸的方法，提交給某個頁面，在哪一個頁面打開。method又分爲get和post兩種方式。target能夠選擇_black和_self，分別表明在另外一個空白頁面和在原本的頁面打開。代碼以下：

<form method="get" action="Untitled-2.html" target="_blank">

<form method="post" action="Untitled-2.html" target="_self">

三、表單的文本標籤包括type,name,value,textarea,maxlength,type屬性有text,password,hidden。textarea是文本領域的意思，它常常用到的屬性是rows.表明能夠寫幾行。代碼以下：

用戶名：
<input type="text" name="user" placeholder="提示文字" />
<br />
密碼：
<input type="password" maxlength="2" name="pwd" />

四、表單的按鈕標籤包括submit（提交）,reset（重置）,image（圖片）,button（按鈕）。代碼以下：

<input type="submit" value="註冊"/>
<input type="reset" value="重置" />
<input type="image" src="斜眼狗.jpg" />
<input type="button" value="按鈕" onclick="alert('啊哈'）" />

五、表單中經常用到單選或複選的模式，如性別，出生日期等，選擇的標籤有radio（單選）,checkbox（複選）,select（下拉）。

radio的name屬性要相同，分爲兩組，value用以區分兩組的對象。chekbox的name屬性和value屬性都不能相同，radio和chekbox還能夠添加label屬性,label後邊必須跟for，意思是把……稱爲，代碼以下：

<input type="radio" name="sex" value="1" id="s1"/><label for="s1">男</label>
<input type="radio" name="sex" value="0" id="s0" /><label for="s0">女</label>

<input type="checkbox" name="c1" id="c1"value="v1" /><label for="c1">足球</label>
<input type="checkbox" name="c2" id="c2"value="v2" /><label for="c2">籃球</label>

六、form表單還有一些比較經常使用的其它屬性，如readonly(只讀）,disable（使……不可能）,hidden（隱藏）,checked（規定在頁面加載時應該被預先選定的 input 元素),selected(被預選的選項會顯示在下拉列表最前面的位置),代碼以下：

<input type="text" name="login" value="abc-123" readonly="readonly" />
<input type="text" name="login" value="abc-123" disabled="disabled" />

<input type="hidden" name="yc" value="zhi" />

<option value="25501">桓臺</option> <option value="25502">高青</option> <option value="25503" selected="selected">沂源</option>