建站教程中如何創(chuàng)建表單
  • 更新時(shí)間:2024-11-06 14:27:01
  • 網(wǎng)站建設(shè)
  • 發(fā)布時(shí)間:1年前
  • 237

表單是瀏覽器與服務(wù)器進(jìn)行通信的數(shù)據(jù)入口。表單是瀏覽器中的一個(gè)區(qū)域,包含網(wǎng)站建設(shè)的表單屬性。表單屬性是允許用戶在表單中輸入各種信息的屬性(如文本框、密碼框、下拉列表、單選按鈕、復(fù)選框等)。

表單是用表單定義的,例如下面的代碼定義了一個(gè)文本框表單:

<form>定義

將上述代碼保存為“form.htm”,在瀏覽器中打開(kāi),結(jié)果如圖1.10所示。

form.htm表單

表格本身是不可見(jiàn)的。此外,在大多數(shù)瀏覽器中,文本框的寬度默認(rèn)為20 個(gè)字符。

最常用的表單標(biāo)簽是input。 Input 的類型由type 屬性指定。最常用的輸入類型解釋如下。1、單選按鈕

單選按鈕代碼

將以上代碼保存為“radio.htm”,用瀏覽器打開(kāi),結(jié)果如圖1.11所示。

radio.htm點(diǎn)選按鈕

單選按鈕是指多個(gè)選擇框,但只能選擇其中一個(gè)。2、復(fù)選框

復(fù)選框代碼

將上述代碼保存為“checkbox.htm”,用瀏覽器打開(kāi),結(jié)果如圖1.12所示。check boxes表示可以多選。

復(fù)選框

3、密碼框

密碼框代碼

將以上代碼保存為'password.htm',用瀏覽器打開(kāi)。結(jié)果如圖1.13 所示。

密碼框

4、下拉列表

下拉列表代碼

將以上代碼保存為“select.htm”,用瀏覽器打開(kāi),結(jié)果如圖1.14所示。

下拉列表5、預(yù)選下拉列表

預(yù)選下拉列表代碼

將以上代碼保存為“selected.htm”,用瀏覽器打開(kāi),結(jié)果如圖1.15所示。

預(yù)選下拉列表

在option中添加“selected”表示預(yù)選置頂,這樣下拉列表中默認(rèn)選中此項(xiàng)。6、文本域

文本域代碼

將以上代碼保存為'textarea.htm',用瀏覽器打開(kāi),結(jié)果如圖1.16所示。 rows屬性是指行數(shù),cols是指一行顯示多少個(gè)單詞(英文)。

文本域

7、按鈕

按鈕代碼

將以上代碼保存為'submit.htm'并用瀏覽器打開(kāi)。結(jié)果如圖1.17 所示。

按鈕

普通按鈕可以在任何地方使用,提交按鈕僅用于表單提交。

我們專注高端建站,小程序開(kāi)發(fā)、軟件系統(tǒng)定制開(kāi)發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開(kāi)發(fā)、各類API接口對(duì)接開(kāi)發(fā)等。十余年開(kāi)發(fā)經(jīng)驗(yàn),每一個(gè)項(xiàng)目承諾做到滿意為止,多一次對(duì)比,一定讓您多一份收獲!

本文章出于推來(lái)客官網(wǎng),轉(zhuǎn)載請(qǐng)表明原文地址:https://www.tlkjt.com/web/12020.html
推薦文章

在線客服

掃碼聯(lián)系客服

3985758

回到頂部