HTML表單（基礎知識）

2021-08-21 22:14:11 字數 1581 閱讀 6547

主題legend>

外邊框：

頭部標籤fieldset>尾部標籤

表單結構：

屬性 ：name，method，action;

值：string字串，給這個表單命名；get/post表單的傳輸方式；url路徑傳輸目標；

文本欄：

type="text">
密碼欄：

type="password">
隱藏欄：

type="hidden">
屬性：name=「欄位名稱」；value=「欄位內定製」；size=「字段顯示寬度」；maxlength=「字段資料輸入的最大位數」；placeholder=「隱身字」；readonly=「readonly」（唯讀，禁止寫）；disabled=「disabled」（禁用）；

核取方塊（多選的）：

type="checkbox">


單選框：


type="radio">
name=」欄位名稱」；value=「內定值』』；checked=」checked」(預設選擇)；disabled=「disabled」（禁止選擇）；

窗體字段（下拉列表）：



name="欄位名稱"


size="數字">


value="選項值"


selected="selected">（預設選擇）


calue="選項值">


calue="選項值">


select>
區塊字段（文字域）：

上傳檔案：

type="file" name="file">
注意：如果定義上傳框fom表單必須定義enctype=「multipart/form-data」否則將接收不到上傳資訊。

影象按鈕：

type="image" src="url（路徑）" alt="文字"/>
按鈕影象:



src="url(路徑)">


button>
提交按鈕：

type=


"submit"


value="按鈕中顯示的文字">


或者：type=


"submit">按鈕中顯示的文字
重置按鈕：

type=


"reset"


value="按鈕中顯示的文字">


或者：type=


"reset">按鈕中顯示的文字
普通按鈕：

type=


"button"


value="按鈕中顯示的文字">


或者：type=


"button">按鈕中顯示的文字

HTML表單基礎知識

表單的作用 用來收集使用者的資訊的 1 表單框 name 表單名稱 method post get action form 說明 get是用來從伺服器上獲得資料，而post是用來向伺服器上傳遞資料。出於安全性考慮，建議最好使用 post 提交資料 2 表單控制項 type type name val...

HTML表單基礎知識

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

Html的表單基礎知識

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