HTML表單基礎知識

2021-08-24 23:10:35 字數 1691 閱讀 7737

表單的作用：用來收集使用者的資訊的;

1、表單框

name="表單名稱"


method="post/get"


action="">


form>
說明： get是用來從伺服器上獲得資料，而post是用來向伺服器上傳遞資料。出於安全性考慮，建議最好使用 post 提交資料

2、表單控制項

type="" />


type=「」


name=「」


value=「」


size=" "


maxlength=" " />
input是表單中功能最為豐富的乙個標記，使用input標記可以建立按鈕、文字輸入框、選擇框等各種型別的輸入字段。

name屬性標識表單域的名稱，type屬性標識表單域的型別，value屬性定義表單域的值，其他屬性根據type的不同而有所變化。

type可以是文字輸入框text、password、核取方塊checkbox、單選框radio、提交表單submit和重置鍵reset，maxlength控制最多輸入的字元數，size控制框的寬度。

1.文字框

type=


"text"


value="預設值"/>
2.密碼框

type="password" />
3.提交按鈕

type=


"submit"


value="按鈕內容" />
4.重置按鈕

type=


"reset"


value="按鈕內容" />
5.單選框/單選按鈕

type="radio" name="ral" />
type="radio" name="ral" checked="checked" />(預設選中；)
6.核取方塊

type="checkbox" name="like" />
type="checkbox" name="like" disabled="disabled" />
(disabled=」disabled」 :禁用)

(checked=」checked」 :預設選中)

7.按鈕

""


type=


"button"


value=「按鈕內容」 />
（他和submit的區別是 ，submit是提交按鈕 起到提交資訊的作用，button只起到跳轉的作用，不進行提交。）

8.下拉列表

name="" >


下拉選項1option>


下拉選項2option>


…………


select>
多行文字框（文字域）

表示下拉列表，使用者從這個列表中可以選擇乙個或多個選項。name屬性不是必須的

name=""


cols=""


rows="" >


textarea>
多行文字。rows屬性和cols屬性用來設定文字輸入視窗的高度和寬度，單位是字元。

HTML表單（基礎知識）

主題legend 外邊框 頭部標籤fieldset 尾部標籤 表單結構 屬性 name，method，action 值 string字串，給這個表單命名 get post表單的傳輸方式 url路徑傳輸目標 文本欄 type text 密碼欄 type password 隱藏欄 type hidden...

HTML表單基礎知識

元素定義html表單 action屬性定義在提交表單時執行的動作 method屬性規定在提交表單時所用的http方法 get或post name屬性 如果要正確地被提交，每個輸入字段必須設定乙個name屬性 屬性描述 accept charset 規定在被提交表單中使用的字符集 預設 頁面字符集 a...

Html的表單基礎知識

html的表單基礎知識 組成cgi程式的是兩部分，一部分是html頁面，就是使用者看到的東西。另一部分則是執行在 伺服器上的程式。一般來說，我們先些html頁面，再些程式。所以我們的學習頁是這樣，先看看表單的寫法，再去學習cgi程式。對於html的表單，有比較複雜和詳細的規定。但由於它們是屬於htm...