HTML學習筆記 表單設計(五)

2021-10-02 20:54:10 字數 1261 閱讀 4625

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

基本格式:

常用屬性:

name

表單名稱

method

傳輸資料的方式,分別為post和get兩種(預設為get方式)

get:表單內容附加在url位址後面,限制長度8192不具備保密性。

post:將表單中的資料報含在表單主體中,無大小限制。

action

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

enctype

規定在傳送到伺服器之前應該如何對表單資料進行編碼

target

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

標記為單標記,沒有結束標記。

基本語法

屬性介紹

type

text(文字輸入域)或password(密碼輸入域)

name

定義控制項名稱

value

初始化值,開啟瀏覽器時,文字框中內容

size

設定控制項長度

maxlenght

輸入框中最大允許輸入的字元數

placeholder

提示資訊

當時,為提交按鈕。

當時,為重置按鈕。

當時,為普通按鈕。

當時,為單選框按鈕。

當時,為複選按鈕。

當時,為隱藏表單域。
語法格式:rows屬性和cols屬性分別用來指定顯示的行數和列數,單位(字元個數)
標記

語法格式

選項一

選項二選項三

...

tips:multiple 表示是否多選

表單設計<

/title>

"utf-8"

>

<

/head>

效果圖:

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

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

HTML語言 表單設計

表單設計 1 表單標記 1.1 什麼是定義表單的開始位置和結束位置,表單提交時的內容就是 1.3 常用屬性 1.3.1 name 表單名稱 1.3.2 method 傳送資料的方式,分為post和get兩種方式 get get方式提交時,會將表單的內容附加在url位址的後面,所以限制了提交的內容的長...

HTML表單設計應該注意什麼

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