網站建設教程之如何創建表單
來源：尚品中國|
類型：網站百科
|時間：2015-12-12
表單是瀏覽器和服務器交流的數據入口，表單在瀏覽器中是一個包含網站建設表單屬性的區域，表單屬性是能夠讓用戶在表單中輸入各種類型信息的屬性(比如文本框、密碼框、下拉列表、單選按鈕、復選框等)。
表單用<form>定義，例如下列代碼定義了一個文本框表單：
將以上代碼保存為“form.htm"，在瀏覽器中打開，結果如圖1.10所示。
表單本身并不可見。另外，在多數瀏覽器中，文本框的寬度默認是20個字符。
最常用的表單標簽是<input>。Input的類型用type屬性指定。最常用的input類型解釋如下。
1、單選按鈕
將以上代碼保存為“radio.htm"，用瀏覽器打開，結果如圖1.11所示。
單選按鈕，指多個選擇框，但只能選擇其中一個。
2、復選框
將以上代碼保存為“checkbox.htm"，用瀏覽器打開，結果如圖1.12所示。復選框，指可以選擇多個。
3、密碼框
將以上代碼保存為"password.htm "，用瀏覽器打開，結果如圖1.13所示。
4、下拉列表
將以上代碼保存為“select.htm"用瀏覽器打開，結果如圖1.14所示。
5、預選下拉列表
將以上代碼保存為“selected.htm"，用瀏覽器打開，結果如圖1.15所示。
在option中添加“selected "，表示為預先選擇該頂。這樣下拉列表中默認選中的是該項。
6、文本域
將以上代碼保存為"textarea.htm"，用瀏覽料打開，結果如圖1.16所示。其中的rows屬性指行數，cols指一行顯示多少個字(英文)。
7、按鈕
將以上代碼保存為"submit.htm" ，用瀏覽器打開，結果如圖1.17所示。
普通按鈕可用于任何地方，提交按鈕只用于表單的提交。
表單用<form>定義，例如下列代碼定義了一個文本框表單：
將以上代碼保存為“form.htm"，在瀏覽器中打開，結果如圖1.10所示。
表單本身并不可見。另外，在多數瀏覽器中，文本框的寬度默認是20個字符。
最常用的表單標簽是<input>。Input的類型用type屬性指定。最常用的input類型解釋如下。
1、單選按鈕
將以上代碼保存為“radio.htm"，用瀏覽器打開，結果如圖1.11所示。
單選按鈕，指多個選擇框，但只能選擇其中一個。
2、復選框
將以上代碼保存為“checkbox.htm"，用瀏覽器打開，結果如圖1.12所示。復選框，指可以選擇多個。
3、密碼框
將以上代碼保存為"password.htm "，用瀏覽器打開，結果如圖1.13所示。
4、下拉列表
將以上代碼保存為“select.htm"用瀏覽器打開，結果如圖1.14所示。
5、預選下拉列表
將以上代碼保存為“selected.htm"，用瀏覽器打開，結果如圖1.15所示。
在option中添加“selected "，表示為預先選擇該頂。這樣下拉列表中默認選中的是該項。
6、文本域
將以上代碼保存為"textarea.htm"，用瀏覽料打開，結果如圖1.16所示。其中的rows屬性指行數，cols指一行顯示多少個字(英文)。
7、按鈕
將以上代碼保存為"submit.htm" ，用瀏覽器打開，結果如圖1.17所示。
來源聲明：本文章系尚品中國編輯原創或采編整理，如需轉載請注明來自尚品中國。以上內容部分(包含圖片、文字)來源于網絡，如有侵權，請及時與本站聯系（010-60259772）。
推薦新聞
更多行業-
怎樣判斷網站建設質量好壞？
每個公司都希望在網站建設的過程中找到更好的結果，站長也希望在營銷的過程...
2020-05-21 -
中小型企業對網絡營銷的正確認識
北京網站建設公司尚品中國：根據《第29次中國互聯網絡發展狀況統計報告》...
2012-02-13 -
博客營銷之怎樣迅速提高博客威望
博客營銷之怎樣迅速提高博客威望博客，是網站的一種形式，常見的wordp...
2011-12-28 -
Web數據庫訪問原理
北京網站設計公司尚品中國：一般實現Web數據庫系統的連接和應用可采取兩...
2012-08-28 -
網站建設怎么樣才會有特色？
要去進行網站建設都應該要做的比較有特色，有一些人可能會覺得普通的網站也...
2022-08-17 -
網站的未來設計就是就是“消滅UI”
以前看到過一句話：『UI發展的最終階段就是消滅UI』，而這周在Medi...
2015-11-22
如果您的網站可以增加轉化次數并提高客戶滿意度，該怎么辦？
預約專業咨詢顧問溝通！
Copyright ? 2025 恒久尚品 版權所有 | 京ICP備09066521號
| 公安機關備案號:11011502003910
免責聲明
誠信企業
尚品專注高端網站建設，系統平臺開發，微信小程序及APP開發服務
尚品專注高端網站建設，系統平臺開發，微信小程序及APP開發服務
免責聲明
非常感謝您訪問我們的網站。在您使用本網站之前，請您仔細閱讀本聲明的所有條款。
1、本站部分內容來源自網絡，涉及到的部分文章和圖片版權屬于原作者，本站轉載僅供大家學習和交流，切勿用于任何商業活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關法律法規，當本聲明與國家法律法規沖突時，以國家法律法規為準。
4、如果侵害了您的合法權益，請您及時與我們,我們會在第一時間刪除相關內容!
聯系方式：010-60259772
電子郵件：394588593@qq.com
