HTML5表單設定

2021-08-03 04:17:21 字數 1942 閱讀 1670

表單:

:是乙個容器,其中會放置各種表單元件。

裡面有:

method屬性:設定值可以是

post

和get,get

方式傳送資料時會直接加在

url之後,

post

方式是將資料封裝之後再傳送,字串長度沒有限制,資料安全性比較高。

action屬性:表單通常會與

asp或

php等資料庫程式配合使用,用來指出傳送的目的地。

enctype屬性:

entype=」multipart/form-data」:用於上傳檔案的時候。

entype=」text/plain」:將表單屬性傳送到電子信箱。

target屬性:指定提交到哪乙個視窗,

_blank  開啟新視窗

_self  當前的視窗

_parent  上一層的視窗

_top  最上層的視窗

autocomplete屬性:用來設定

input

元件是否使用自動完成功能  有on和

off兩種

novalidate:用來設定是否要在傳送表單時候驗證表單

輸入元件:

文字框text:

type=」text」 :輸入方式為文字框

name=」username」 文字框的名稱

value=」guest」 預設值

size=」10」 文字框長度

maxlength=」10  限制文字框的字數

autofocus: 指載入網頁之後,自動將游標移動到此文字框

多行文字框textarea:

name=」name」 文字框的名字

cols=」20」 文字框的寬度

rows=」4」  文字框的行數

wrap=」virtual」  是否換行,hard是換行,

soft

是不換行

密碼域password:

日期域date:

數字域number:

顏色color:

範圍域range:

查詢域search:

查詢" placeholder="">

列表元件:

select元件: 1

2 34 5

size表示顯示多少行。

multiple

選項可以多選。

datalist元件:

必要的指定id

提示使用者輸入

選擇元件:

單選按鈕radio:

女" checked>女

男" >男

name=」」 元件的名稱,name屬性值相同的

radio

元件會被視為同一組的元件。

value=」」 radio元件的值,當表單被提交時,已選擇的

radio

元件的value

值就會被傳送。

checked:表示已經選擇這一項

核取方塊checkbox:

name=」」 元件的名稱,name屬性值相同的

radio

元件會被視為同一組的元件。

value=」」 radio元件的值,當表單被提交時,已選擇的

radio

元件的value

值就會被傳送。

checked:表示已經選擇這一項

按鈕組鍵:

submit按鈕: 提交

">

name:按鈕的名字

value:按鈕顯示的字

rest \ button也是一樣使用。

表單分組:

分組標題

分組內容

HTML5智慧型表單

1 便於排版的form表單 html5為了方便排版,可以使form的表單標籤脫離form的巢狀。方法 form指定id,所有的標籤標籤都新增form id屬性。例如 2 form新型別 type email 郵箱 自帶格式校驗 type url 必須帶協議 自帶格式校驗 type date 日期選擇...

HTML5表單屬性

1.6.input的formenctype屬性 用於表單提交到伺服器的資料編碼 只對form表單中method post 表單 該屬性會覆蓋form元素的enctype屬性。7 input formmethod屬性,定義了表單的提交方式,覆蓋了form元素的method屬性 8 input form...

HTML5 表單提交

html5的確是大勢所趨 現在就來說下html 5 當你看到你的頁面標頭是這樣 證明是h5咯 以往的頁面開頭總是很長 現在簡單多了 charset utf 8 這個是編碼格式咯 或者是別的這時候就說說 吧 action 提交位址 method get post onsubmit return che...