HTML表單 動力節點

2021-10-10 19:28:49 字數 854 閱讀 6285

什麼是表單?

在html中使用表單和使用者完成互動

表單作用是什麼?

表單主要負責採集資料資訊,然後向服務提交表單資料,進行相關處理

form表單標籤

name屬性:設定表單的名稱

action屬性:用來設定傳送請求的路徑

b/s架構中,從瀏覽器b端向伺服器s端傳送資料,叫做請求,英語單詞:request

b/s架構中,從伺服器s端向瀏覽器b端返回資料,叫做響應,英語單詞:response

method屬性:用來設定表單提交資料的方式:get、post

例子:使用者資訊表單

html input標籤

input type型別為text:文字輸入域

2.input type型別為password:密碼輸入框

input type型別為 radio:單選按鈕

input type型別為 checkbox:多選按鈕

input type型別為submit:表單提交按鈕

input type型別為button:普通按鈕

input type型別為reset:表單重置按鈕

input type型別為file:檔案上傳元件

input type型別為hidden:隱藏控制項

在瀏覽器上看不到,但提交表單的時候會提交給伺服器

下拉列表標籤:

高中 大專

文字域標籤

唯讀控制項readonly:只能看不能改,資料也會提交給伺服器

無效控制項disabled:只能看不能改,資料不會提交給伺服器

input控制項size屬性:設定文字框的可視長度

input控制項maxlength屬性:設定文字框中可編寫的長度

html表單提交

用來收集資訊 form中的屬性 action 提交的路徑 method get post提交表單的方式 標籤type屬性的不同的值所表示的含義 text 文字框 value表示文字框中的值 readonly表示唯讀,可以寫readonly或true disable表示標籤不可用,可以寫disable...

html表單使用

1 一般的使用者名稱 密碼實現 使用者名稱 密碼 2 單選框的實現 性別 男 女注 此處使用checked屬性是為了預設選擇性別為 男。3 核取方塊的使用 a 顯示所有選項的核取方塊 愛好 看電影 聽 運動 b 下拉列表選項的核取方塊 所在年級 注 此處的size值為顯示到頁面上的元素值 百傑1部 ...

HTML 表單標記

form用於標識表單的範圍 action屬性 決定提交的位置 input type屬性 決定輸入的型別 name屬性 重點 提交的鍵 size屬性 文字輸入框的顯示長度 text password maxlength 顯示文字框輸入長度 text password readonly 唯讀,不可修改文...