前端 表單標籤

2022-02-15 05:03:34 字數 2120 閱讀 4976

能夠接收使用者輸入(輸入 選擇 上傳)並將其傳送給後端

action控制資料提交的目的地

1.不寫的情況下預設提交到當前頁面所在的路徑

2.寫全路徑(

3.路徑字尾(/index/)

input input標籤就類似於是前端變形金剛

type

text:普通文字

password:密文 不展示明文

date:日期

submit:觸發提交動作

button:普通按鈕 沒有實際意義 但是可以通過js繫結事件實現自定義動作

reset:重置表單內容

radio:單選 可以通過checked控制預設選擇(當屬性值和屬性名相同的情況下 可以簡寫 checked) checked="checked"

checkbox:多選 同上 可以設定預設值

file:獲取使用者上傳的檔案

input需要和lable一起用  input 只有框 所需要lable

點選 標籤進入輸入框

select標籤  option  下拉框

預設是單選 可以通過multiple變成多選

如果想預設選擇 用selected (selected="selected")

textarea標籤

獲取使用者輸入的大段文字

hidden 隱藏輸入框

disabled

form表單預設是get請求 你需要通過method引數 換成post提交

form表單中 要想觸發提交動作

只有兩種情況可以

1.input標籤type指定成submit

2.直接寫button標籤

獲取使用者輸入(輸入 選擇 上傳...)的標籤 都必須有乙個name屬性

這個name屬性就類似於字典的key,而標籤獲取到的使用者寫入的值就類似於字典的value

name就相當於是字典的key

value就是字典的值

獲取都的使用者輸入都會被放入value屬性中

form表單傳檔案的時候 需要指定enctype引數

emmet外掛程式

防呆措施

HTML表單標籤,框架標籤

form actiom 向後台伺服器提交的位址url 訪問伺服器 method 向後台的提交方式 註冊,登入等 屬性 1.action 提交後台位址 2.method 提交方式 3.js時間程式設計 onsubmit事件 表示提交是否成功,提交成功返回true,否則返回false 常用 get,po...

HTML標籤之表單標籤

1 表單標籤 表單是乙個包含表單元素的區域。表單元素是允許使用者在表單中 比如 文字域 下拉列表 單選框 核取方塊等等 輸入資訊的元素。屬性 action 介面位址 method get post name 表單名稱 2 表單控制項 屬性 type 控制項型別 name 屬性標識表單域的名稱 val...

20170921表單標籤

1 表單標籤d的屬性action 用來指定當前的表單資料提交到哪個伺服器 method 用來指定表單資料提交到服務端的方式 1 get 預設 要傳遞的資料以拼接到url位址的方式傳遞到伺服器 缺點 敏感資訊暴漏 資訊傳輸量有限 優點 傳輸速度快 2 post 優點 傳輸的資料被隱藏 傳輸量基本無限制...