網(wǎng)站建設(shè)教程之如何創(chuàng)建表單

2015-12-12 6975

分享至：

表單是瀏覽器和服務(wù)器交流的數(shù)據(jù)入口，表單在瀏覽器中是一個(gè)包含網(wǎng)站建設(shè)表單屬性的區(qū)域，表單屬性是能夠讓用戶在表單中輸入各種類型信息的屬性(比如文本框、密碼框、下拉列表、單選按鈕、復(fù)選框等)。

表單用

定義，例如下列代碼定義了一個(gè)文本框表單：

將以上代碼保存為“form.htm"，在瀏覽器中打開(kāi)，結(jié)果如圖1.10所示。

表單本身并不可見(jiàn)。另外，在多數(shù)瀏覽器中，文本框的寬度默認(rèn)是20個(gè)字符。

最常用的表單標(biāo)簽是。Input的類型用type屬性指定。最常用的input類型解釋如下。

1、單選按鈕

將以上代碼保存為“radio.htm"，用瀏覽器打開(kāi)，結(jié)果如圖1.11所示。

單選按鈕，指多個(gè)選擇框，但只能選擇其中一個(gè)。

2、復(fù)選框

將以上代碼保存為“checkbox.htm"，用瀏覽器打開(kāi)，結(jié)果如圖1.12所示。復(fù)選框，指可以選擇多個(gè)。

3、密碼框

將以上代碼保存為"password.htm "，用瀏覽器打開(kāi)，結(jié)果如圖1.13所示。

4、下拉列表

將以上代碼保存為“select.htm"用瀏覽器打開(kāi)，結(jié)果如圖1.14所示。

5、預(yù)選下拉列表

將以上代碼保存為“selected.htm"，用瀏覽器打開(kāi)，結(jié)果如圖1.15所示。

在option中添加“selected "，表示為預(yù)先選擇該頂。這樣下拉列表中默認(rèn)選中的是該項(xiàng)。

6、文本域

將以上代碼保存為"textarea.htm"，用瀏覽料打開(kāi)，結(jié)果如圖1.16所示。其中的rows屬性指行數(shù)，cols指一行顯示多少個(gè)字(英文)。

7、按鈕

將以上代碼保存為"submit.htm" ，用瀏覽器打開(kāi)，結(jié)果如圖1.17所示。

普通按鈕可用于任何地方，提交按鈕只用于表單的提交。

來(lái)源聲明：

本文章系尚品中國(guó)編輯原創(chuàng)或采編整理，如需轉(zhuǎn)載請(qǐng)注明來(lái)自尚品中國(guó)。以上內(nèi)容部分(包含圖片、文字)來(lái)源于網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)及時(shí)與本站聯(lián)系（010-60259772）。