網站建設教程之如何創建表單
來源：尚品中國|
類型：網站百科|
時間：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）。
推薦新聞
更多行業-
淄博網站建設初期如何取得更好的效果？
隨著淄博網站建設制作的發展，很多企業在搭建網站之前都要做大量的前期工作...
2022-01-28 -
行之有效的標題與關鍵詞確立方法
對于新站長來說就是一個學習的過程，網站標題與關鍵詞的確立對于老站長來說...
2012-06-15 -
2015B2B平臺新網站建設方案
一、 網站的技術解決方案1. b2b網站建設之盈利模式1.1 會員費：...
2015-04-27 -
企業網站如何精準定位 實現產品的盈利？
定位是一切產品營銷的起點，是決定產品能否被市場接受的根源，在無數的書本...
2014-04-22 -
咨詢公司網站建設解決方案
咨詢公司作為專業提供咨詢服務的機構，其網站建設是宣傳品牌、展示專業能力...
2023-07-03 -
高端網站設計一般該怎么操作？
在網絡市場大規模開發的時代背景下，網站設計顯得越來越重要，尤其是很多企...
2022-09-20
如果您的網站可以增加轉化次數并提高客戶滿意度，該怎么辦？
預約專業咨詢顧問溝通！
Copyright ? 2025 恒久尚品 版權所有 | 京ICP備09066521號
| 公安機關備案號:11011502003910
免責聲明
誠信企業
尚品專注高端網站建設，系統平臺開發，微信小程序及APP開發服務
尚品專注高端網站建設，系統平臺開發，微信小程序及APP開發服務
免責聲明
非常感謝您訪問我們的網站。在您使用本網站之前，請您仔細閱讀本聲明的所有條款。
1、本站部分內容來源自網絡，涉及到的部分文章和圖片版權屬于原作者，本站轉載僅供大家學習和交流，切勿用于任何商業活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關法律法規，當本聲明與國家法律法規沖突時，以國家法律法規為準。
4、如果侵害了您的合法權益，請您及時與我們,我們會在第一時間刪除相關內容!
聯系方式：010-60259772
電子郵件：394588593@qq.com
