網(wǎng)站建設(shè)教程之如何創(chuàng)建表單
2023-01-29 分類： 網(wǎng)站建設(shè)
表單是瀏覽器和服務(wù)器交流的數(shù)據(jù)入口，表單在瀏覽器中是一個包含網(wǎng)站建設(shè)表單屬性的區(qū)域，表單屬性是能夠讓用戶在表單中輸入各種類型信息的屬性(比如文本框、密碼框、下拉列表、單選按鈕、復(fù)選框等)。
表單用<form>定義，例如下列代碼定義了一個文本框表單：
將以上代碼保存為“form.htm"，在瀏覽器中打開，結(jié)果如圖1.10所示。
表單本身并不可見。另外，在多數(shù)瀏覽器中，文本框的寬度默認(rèn)是20個字符。
最常用的表單標(biāo)簽是<input>。Input的類型用type屬性指定。最常用的input類型解釋如下。
1、單選按鈕
將以上代碼保存為“radio.htm"，用瀏覽器打開，結(jié)果如圖1.11所示。
單選按鈕，指多個選擇框，但只能選擇其中一個。
2、復(fù)選框
將以上代碼保存為“checkbox.htm"，用瀏覽器打開，結(jié)果如圖1.12所示。復(fù)選框，指可以選擇多個。
3、密碼框
將以上代碼保存為"password.htm "，用瀏覽器打開，結(jié)果如圖1.13所示。
4、下拉列表
將以上代碼保存為“select.htm"用瀏覽器打開，結(jié)果如圖1.14所示。
5、預(yù)選下拉列表
將以上代碼保存為“selected.htm"，用瀏覽器打開，結(jié)果如圖1.15所示。
在option中添加“selected "，表示為預(yù)先選擇該頂。這樣下拉列表中默認(rèn)選中的是該項(xiàng)。
6、文本域
將以上代碼保存為"textarea.htm"，用瀏覽料打開，結(jié)果如圖1.16所示。其中的rows屬性指行數(shù)，cols指一行顯示多少個字(英文)。
7、按鈕
將以上代碼保存為"submit.htm" ，用瀏覽器打開，結(jié)果如圖1.17所示。
普通按鈕可用于任何地方，提交按鈕只用于表單的提交。
表單用<form>定義，例如下列代碼定義了一個文本框表單：
將以上代碼保存為“form.htm"，在瀏覽器中打開，結(jié)果如圖1.10所示。
表單本身并不可見。另外，在多數(shù)瀏覽器中，文本框的寬度默認(rèn)是20個字符。
最常用的表單標(biāo)簽是<input>。Input的類型用type屬性指定。最常用的input類型解釋如下。
1、單選按鈕
將以上代碼保存為“radio.htm"，用瀏覽器打開，結(jié)果如圖1.11所示。
單選按鈕，指多個選擇框，但只能選擇其中一個。
2、復(fù)選框
將以上代碼保存為“checkbox.htm"，用瀏覽器打開，結(jié)果如圖1.12所示。復(fù)選框，指可以選擇多個。
3、密碼框
將以上代碼保存為"password.htm "，用瀏覽器打開，結(jié)果如圖1.13所示。
4、下拉列表
將以上代碼保存為“select.htm"用瀏覽器打開，結(jié)果如圖1.14所示。
5、預(yù)選下拉列表
將以上代碼保存為“selected.htm"，用瀏覽器打開，結(jié)果如圖1.15所示。
在option中添加“selected "，表示為預(yù)先選擇該頂。這樣下拉列表中默認(rèn)選中的是該項(xiàng)。
6、文本域
將以上代碼保存為"textarea.htm"，用瀏覽料打開，結(jié)果如圖1.16所示。其中的rows屬性指行數(shù)，cols指一行顯示多少個字(英文)。
7、按鈕
將以上代碼保存為"submit.htm" ，用瀏覽器打開，結(jié)果如圖1.17所示。
標(biāo)題名稱：網(wǎng)站建設(shè)教程之如何創(chuàng)建表單
當(dāng)前地址：http://m.rwnh.cn/news14/233264.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 企業(yè)宣傳型網(wǎng)站建設(shè)方案 2023-01-29
- 優(yōu)秀網(wǎng)站建設(shè)公司具備的要素 2023-01-29
- 對于企業(yè)來說網(wǎng)站建設(shè)的重要性體現(xiàn)在哪里 2023-01-29
- 網(wǎng)站建設(shè)市場哪些網(wǎng)頁模板不要錢 2023-01-29
- 網(wǎng)站建設(shè)簡單且重點(diǎn)突出的優(yōu)勢 2023-01-29
- 成都網(wǎng)站建設(shè)—H5開發(fā)常見問題有哪些？ 2023-01-29
- 沈陽網(wǎng)站建設(shè)如何優(yōu)化新聞內(nèi)容？ 2023-01-29
- 濟(jì)寧網(wǎng)站建設(shè)設(shè)計要考慮哪些因素？ 2023-01-29
- ?網(wǎng)站建設(shè)之重點(diǎn)——網(wǎng)站要素 2023-01-29
- 承德企業(yè)品牌網(wǎng)站建設(shè)是不可分割的一部分！ 2023-01-29
- 淺析AI網(wǎng)站建設(shè)的“冷知識” 2023-01-29
- 高性能網(wǎng)站建設(shè)—CSS總結(jié) 2023-01-29
- 網(wǎng)站建設(shè)必須要牢記的知識 2023-01-29
- ?企業(yè)網(wǎng)站建設(shè)開發(fā)費(fèi)用大概多少錢？ 2023-01-29
- 營銷型網(wǎng)站建設(shè)的推廣公式 2023-01-29
- 濟(jì)寧網(wǎng)站建設(shè)「會見量」網(wǎng)站逐日seo會見量數(shù)據(jù)怎么看？ 2023-01-29
- 【干貨分享】怎樣從搜索頁面找到網(wǎng)站建設(shè)的官方網(wǎng)站？ 2023-01-29
- 網(wǎng)站建設(shè)后臺應(yīng)該如何規(guī)劃？ 2023-01-29
- 網(wǎng)站建設(shè)改版要如何做？ 2023-01-29