網站建設教程之如何創建表單

2023-01-29 分類：網站建設

表單是瀏覽器和服務器交流的數據入口，表單在瀏覽器中是一個包含網站建設表單屬性的區域，表單屬性是能夠讓用戶在表單中輸入各種類型信息的屬性(比如文本框、密碼框、下拉列表、單選按鈕、復選框等)。
表單用<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所示。

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

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站建設等

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容