建站教程中如何創(chuàng)建表單
  • 更新時間:2024-10-28 22:23:36
  • 網(wǎng)站建設(shè)
  • 發(fā)布時間:1年前
  • 235

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

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

<form>定義

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

form.htm表單

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

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

單選按鈕代碼

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

radio.htm點選按鈕

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

復(fù)選框代碼

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

復(fù)選框

3、密碼框

密碼框代碼

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

密碼框

4、下拉列表

下拉列表代碼

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

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

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

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

預(yù)選下拉列表

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

文本域代碼

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

文本域

7、按鈕

按鈕代碼

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

按鈕

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

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

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

在線客服

掃碼聯(lián)系客服

3985758

回到頂部