HTML表單學習 此文足夠了

2021-10-03 09:17:57 字數 2647 閱讀 6572

目錄

html 表單介紹

html form標籤

action屬性

method屬性

entype屬性

html表單輸入元素

文字框 text

密碼字段 password

單選按鈕 radio

核取方塊 checkbox

提交按鈕 submit

下拉列表 select + option

html特殊表單元素

html文字域

html其他表單元素

label 標籤

button標籤

field 與 legend 標籤

表單時乙個包含表單元素的區域。

表單元素:允許使用者在表單中輸入內容。一般是:文字域、下拉列表、單選框、核取方塊

html表單適用於收集不同型別的使用者輸入

下面給出一般格式:

action屬性規定當提交表單時,向何處傳送表單資料。

< form action="url">
url可能的值:

絕對url-指向另乙個**。

相對url-指向**內的乙個檔案。(action="index.html")

規定如何傳送表單資料,強調傳送方式。(表單資料會傳送到action指定位置)

屬性值: get(預設)與  post

規定將表單資料傳送到伺服器之前如何編碼。

此外,只有method="post"時,才會使用到entype屬性。

標籤是經常被使用到的。

輸入型別有屬性 type來定義。一般有文字框、密碼字段、單選按鈕、核取方塊、提交按鈕等。

ps密碼字段字元不會明文顯示,而是以星號或圓點替代

從若干給定的選擇中選取乙個或若干選項。

表單提交後,會使用服務端語言(如 php)進行資料處理。

標籤定義了下拉選項列表。

標籤定義了列表中的可用選項。

標籤定義了 元素的標籤,一般為輸入標題。

標籤的 for 屬性應當與相關元素的 id 屬性相同。

標籤不會向使用者呈現任何特殊效果,但當您選擇該標籤時,瀏覽器就會自動將焦點轉到和標籤相關的表單控制項上。

標籤定義乙個按鈕。

在 元素內部,您可以放置內容,比如文字或影象。這是該元素與使用 元素建立的按鈕之間的不同之處

type 屬性值有:

始終為 元素規定 type 屬性。不同的瀏覽器對 元素的 type 屬性使用不同的預設值。

例項:建立乙個按鈕。

我是乙個按鈕!
標籤定義了一組相關的表單元素,並使用外框包含起來。

標籤定義了元素的標題。

html表單標籤學習

學習html的第三天,今天的學習內容是表單標籤,下面想分享一些相關知識,打卡打卡ing 1 什麼是表單?表單標籤使用 今天的學習過程中沒有出現什麼小問題,不再因為中英文輸入法而出錯,打 也熟練了一些,知識出現了乙個大問題,網頁的沒辦法顯示出來,現在還沒解決好,腦殼疼。個人覺得,不管是 還是表單標籤,...

html學習 2 表單

表單元素格式使用者名稱 text name username 密碼 password name pwd 男 radio name gender value 0 checked 女 radio name gender value 1 愛好 checkbox name hobby value 0 籃球 ...

HTML學習筆記 html表單(form)

html表單功能 html表單用於蒐集不同型別的使用者輸入,表單由不同型別的標籤組成。標籤及屬性用法如下 定義整體的表單區域 屬性功能 action 定義表單資料提交位址 method屬性 定義表單提交的方式,一般有 get 方式和 post 方式 標籤中內部子標籤及屬性用法如下 label 標籤 ...