HTML表單基礎知識

2022-09-12 10:39:19 字數 2873 閱讀 4504

元素定義html表單

action屬性定義在提交表單時執行的動作

method屬性規定在提交表單時所用的http方法(get或post)

name屬性:如果要正確地被提交,每個輸入字段必須設定乙個name屬性

屬性描述

accept-charset

規定在被提交表單中使用的字符集(預設:頁面字符集)。

action

規定向何處提交表單的位址(url)(提交頁面)。

autocomplete

規定瀏覽器應該自動完成表單(預設:開啟)。

enctype

規定被提交資料的編碼(預設:url-encoded)。

method

規定在提交表單時所用的 http 方法(預設:get)。

name

規定識別表單的名稱(對於 dom 使用:document.forms.name)。

novalidate

規定瀏覽器不驗證表單。

target

元素組合表單中的相關資料

元素為元素定義標題

是最重要的表單元素

定義用於文字輸入的單行輸入字段

定義單選按鈕

定義用於向表單處理程式(form-handler)提交表單的按

定義密碼字段

定義核取方塊

定義按鈕

用於應該包含數字值的輸入字段

用於應該包含日期的輸入字段,日期選擇器會出現輸入欄位中

用於應該包含顏色的輸入字段,顏色選擇器會出現輸入欄位中

用於應該包含一定範圍內的輸入字段,輸入字段能夠顯示為滑塊控制項

允許使用者選擇月份和年份,日期選擇器會出現輸入欄位中

允許使用者選擇周和年,日期選擇器會出現輸入欄位中

允許使用者選擇時間(無時區),時間選擇器會出現輸入欄位中

允許使用者選擇日期和時間(有時區),日期選擇器會出現輸入欄位中

允許使用者選擇日期和時間(無時區),日期選擇器會出現輸入欄位中

用於應該包含電子郵寄位址的輸入字段,能夠在被提交時對電子郵件位址進行驗證

用於搜尋字段(搜尋欄位的表現類似常規文字字段)

用於應該包含**號碼的輸入字段

用於應該包含url位址的輸入字段

用於上傳檔案

value屬性規定輸入欄位的初始值

readonly屬性規定輸入欄位為唯讀(不能修改 不需要值)

disabled屬性規定輸入欄位是禁用的(不需要值)

size屬性規定輸入欄位的尺寸(以字元計 就是長度)

maxlength屬性規定輸入字段允許的最大長度

autocomplete屬性規定表單或輸入字段是否應該自動完成,擋自動完成開啟,瀏覽器會基於使用者之前的輸入值自動填寫值

novalidate屬性屬於屬性,如果設定,則novalidate規定在提交表單時不對表單資料進行驗證

autofocus屬性時布林值,如果設定,則規定當頁面載入時元素應該自動獲得焦點

form屬性規定元所屬的乙個或多個表單,

formaction屬性規定到提交表單時處理該輸入控制項的檔案的url,覆蓋元素的action屬性,適用於type="submit"以及type="image"

formenctype屬性規定當把表單資料(form-data)提交至伺服器時對其進行編碼(僅針對method="post"的表單),覆蓋元素的enctype屬性,適用於type="submit"以及type="image"

formmethod屬性定義用以向action url傳送表單資料(form-data)的http方法,覆蓋元素的method屬性,適用於type="submit"以及type="image"

formnovalidate屬性是布林屬性,如果設定,則規定在提交表單時不對元素進行驗證,formnovalidate屬性覆蓋元素的novalidate屬性,formnovalidate屬性克用於type="submit"

height和width屬性規定元素的高度和寬度,僅用於

list屬性引用的元素包含了元素的預定義選項

min和max屬性規定元素的最小值和最大值,適用於如需輸入型別:number、range、date、datetime、datetime-local、month、time以及week

multiple屬性是布林屬性,如果設定,則規定允許使用者在元素中輸入乙個以上的值,適用於以下輸入型別:email和file

pattern屬性規定用於檢查元素值得正規表示式,適用於以下輸入型別:text、search、url、tel、email、password

placeholder屬性規定用於描述輸入字段預期值的提示(樣本值或有關格式的簡短描述),該提示會在使用者輸入值之前顯示在輸入欄位中,適用於以下輸入型別:text、search、url、tel、email、password

required屬性是布林屬性,如果設定,則規定在提交表單之前必須填寫輸入字段,適用於以下輸入型別:text、search、url、tel、email、password、date pickers、number、checkbox、radio、file

step屬性規定元素的合法數學間隔

元素(下拉列表)

元素定義待選擇的選項

元素定義多行輸入字段(文字域)

元素定義可點選的按鈕

元素為元素規定預定義選項列表

元素規定用於表單的金鑰對生成器字段,當提交表單時,私鑰儲存在本地,公鑰傳送到伺服器

元素定義不同型別的輸出,比如指令碼的輸出

HTML表單(基礎知識)

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

HTML表單基礎知識

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

Html的表單基礎知識

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