HTML語言 表單設計

2021-09-20 19:52:20 字數 1645 閱讀 6806

表單設計

1   表單標記

1.1   什麼是定義表單的開始位置和結束位置,表單提交時的內容就是

1.3   常用屬性

1.3.1   name   表單名稱

1.3.2   method   傳送資料的方式,分為post和get兩種方式

get   get方式提交時,會將表單的內容附加在url位址的後面,所以限制了提交的內容的長度,不超過8192個字元,且不具備保密性

post   post方式提交時,將表單中的資料一併包含在表單主體中,一起傳送到伺服器中處理,沒有資料大小限制   

2.1.3.3   acrion   表單資料的處理程式的url位址,如果為空則使用當前文件的url位址,如果表單中不需要使用action屬性也要指定其屬性為"no"

1.3.4   enctype  設定表單的資料的編碼方式

1.3.5   targer   和超連結的屬於類似,用來指定目標視窗

2   文字域和密碼   標記

2.1   標記沒有結束標記

2.2   基本語法

2.3   屬性介紹

2.3.1   type屬性   type屬性有兩個值

text   當type="type"時,表示乙個文字輸入域

password   當type="password"時,表示乙個密碼輸入域

2.3.2   name屬性   定義控制項的名稱

2.3.3   value屬性   初始化值,開啟瀏覽器時,文字框中的內容

2.3.4   size屬性   設定控制項的長度

2.3.5   maxlength屬性   輸入框中最大允許輸入的字元數

3   提交、重置和普通按鈕

3.1   提交按鈕

當時,為提交按鈕

3.2   重置按鈕

當時,為重置按鈕

3.3   普通按鈕

當時,為普通按鈕

4   單選框和核取方塊

4.1   單選框

當時,為單選框

4.2   核取方塊

當時,為核取方塊

4.3   注意

單選框和核取方塊都可以使用"cheked"屬性來設定預設選中項

5   隱藏域

當時,為隱藏表單域

6   多文本文域 

6.1   用法

使用標記可以實現乙個,能夠輸入多行文字的區域

6.2   語法格式

...   ...

6.3   rows屬性和cols屬性分別用來指定,顯示的行數和列數,單位是字元個數

7   選單下拉列表域   標記

7.1   語法格式

選項1選項2選項3

...   ...

7.2   屬性

7.2.1   multiple屬性   multiple屬性不用賦值,其作用是,表示用可以多選的下來列表,如果沒有這個屬性就只能單選

7.2.2   size屬性   設定列表的高度

7.2.3   name屬性  定義這個列表的名稱

7.3   option標記

7.3.1   標記用來指定列表中的乙個選項,需要放在之間

7.3.2   值

value   給選項賦值,指定傳送到伺服器上面的值

selected   指定預設的選項

HTML語言表單使用

name 表單的名字,用於後續方便引用 action 表單提交的伺服器位址 method 表單提交的方式,一般為get和post兩種方式 get 會把請求引數名和值轉成字串,並會拼接在請求位址後面,可以在位址列中看到請求的引數名和值,一般不能大於2kb post 請求引數名和值放到html的head...

HTML 自學筆記(HTML框架 表單設計)

什麼是框架 將瀏覽器劃分成不同部分,每一部分載入不同的網頁,用以實現在同一瀏覽器視窗中載入多個頁面的效果。劃分框架標記。語法格式 屬性 cols 使用 畫素值 和 分割左右視窗,表示剩餘部分。若使用 則表示框架平均分成3個。若使用 則表示框架平均分成2個。rows 使用 畫素值 和 分割上下視窗,表...

HTML表單設計應該注意什麼

今天看到一篇文章,是關於html表單設計問題的,於是我認真反思了一下,發現自己平時在設計頁面表單時,也或多或少的存在這樣的問題,所以就寫出來和大家分享一下,希望大家以後在設計表單的過程中盡可能的避免這些問題,從而改善頁面的使用者體驗.那麼我們在設計表單的過程中存在哪些問題呢?我把它總結了一下 1 使...