網站建設教程之如何創建表單
來源：尚品中國|
類型：網站百科|
時間：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）。
推薦新聞
更多行業-
企業為什么要做網站？
網站頁面設計的發展狀態。隨同著科技的發展，人類文明的發展已開啟了互聯網...
2021-01-12 -
首頁如何改版：阿里巴巴中國站首頁改版經驗談
首頁如何改版：阿里巴巴中國站首頁改版經驗談同任何北京網站建設的網站一樣...
2012-01-22 -
購物中心網站建設應做好五個方面
自從電子商務發展以來，各種商場網站遍布互聯網。面對競爭激烈的市場，雖然...
2021-02-24 -
濟南網站建設網站如何保證安全性
網站程序的安全是系統開發人員必須考慮的重要因素之一，因為這涉及到網站的...
2021-12-30 -
亞馬遜放棄免運費 電商資本緊縮恐致“免運費”成過去時
繼新蛋中國、京東商城提高免運費門檻后，最后一家標榜“全場免...
2012-02-03 -
網站建設如何做到網站用戶至上？
如何做到網站用戶至上？對于網站來說，想要讓用戶喜歡網站，要做的就是提高...
2018-08-20
如果您的網站可以增加轉化次數并提高客戶滿意度，該怎么辦？
預約專業咨詢顧問溝通！
Copyright ? 2025 恒久尚品 版權所有 | 京ICP備09066521號
| 公安機關備案號:11011502003910
免責聲明
誠信企業
尚品專注高端網站建設，系統平臺開發，微信小程序及APP開發服務
尚品專注高端網站建設，系統平臺開發，微信小程序及APP開發服務
免責聲明
非常感謝您訪問我們的網站。在您使用本網站之前，請您仔細閱讀本聲明的所有條款。
1、本站部分內容來源自網絡，涉及到的部分文章和圖片版權屬于原作者，本站轉載僅供大家學習和交流，切勿用于任何商業活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關法律法規，當本聲明與國家法律法規沖突時，以國家法律法規為準。
4、如果侵害了您的合法權益，請您及時與我們,我們會在第一時間刪除相關內容!
聯系方式：010-60259772
電子郵件：394588593@qq.com
