(表單 表單的元素 表單的屬性)

2022-09-18 10:09:27 字數 1644 閱讀 8817

表單:

標籤名:

1、form (表單)  action(路徑 )  method (提交方式)

2、method       (提交方式)

( get提交 ) 在路徑後面加引數    ;   顯示的是  ?name=123&age=123

注意: 鍵中不要加空格,加空格後所顯示的就不是想要的數值了     ?name=123&age=123   ?name  =123&age=123

值不要加引號,同樣的加引號後得到的數值就不同了     ?name=123&age=123       ?name=「 123 」&age=123

( post提交 )這種提交方式比較安全,不會在路徑中顯示想要的數值, 在請求資訊裡面加引數

表單元素:

文字框屬性

這三點對文字框,密碼框,多行文字都有用,

1、文字框型別

(1)文字框:text

(2)密碼框:password

(3)隱藏域:hidden

(4)多行文字 :texarea

2、按鈕型別     disabled 不可操作,對按鈕建都有用,只看則沒用

(1)提交: submit、  button標籤也是提交的意思

(2)復位: rest

(3)普通:button

3、選擇型別     disabled 不可操作有用,只看則沒用。

用法2:label標籤的for屬性的屬性值是選擇標籤的id值。

然後將選擇標籤代表的意思放到label標籤的內容位置。

(1)單選:radio

checked   預設選中  

(2)多選:checkbox

checked    預設選中

(3)下拉:select    option  兄弟標籤

muliple  多選屬性  預設展開全部選項  是select的屬性

size    預設展開顯示幾個選項    是select的屬性

selected 預設選中                是option的屬性 

4、檔案型別     (1)file   form必須加屬性      enctype=「 multipart/form-data」

5、型別     (1)image

6、表單元素的通用寫法

< input   type=「型別」      name=「  」    value=「   」>

name:在表單中和value是鍵值對

在單選多選中有分組的意思

7、表單的特殊元素

(下拉)

< select   name=「 」  id=「 」>

< option  value=「 中的數值和後面的選項1相對 」 >選項1< /opion>

< option >選項2< /option >

< option  value=「 」 >選項3< /opion >

< /select >

value : option裡面有value屬性那就是屬性值

option沒有value屬性 那就是屬性值

8、多行文字

< textarea  name=「 」  id= 「 」  cols= 「寬 」  rows= 「 高 」  >

內容就是value 值

< /textarea >

HTML 表單之表單的屬性

在網頁製作過程中,時常會用到表單。form雙標籤被用來建立乙個表單,在form雙標籤中可以設定表單的基本屬性。真正處理表單的資料指令碼或程式在action屬性裡,這個值可以是程式或指令碼的乙個完整url。語法 action 表單的處理程式 form 語法中,表單的處理程式定義的表單是要提交的位址,也...

表單的結構 表單控制項 form屬性

表單控制項的型別 form表單示例 表單是收集使用者資料的容器。乙個表單通常由表單控制項和相關的提示資訊組成。每個表單都以form開始標籤開始,以form結束標籤結束。兩個標籤之間是組成表單的各個控制項及提示資訊。表單的基本結構如下 表單在向伺服器傳輸資料時需要一些進行一些設定,可通過form標籤的...

jquery表單屬性篩選元素

button 選擇所有按鈕元素型別為按鈕的元素。等於 input type button checkbox 選擇所有型別為核取方塊的元素。等於 input type checkbox checked 選擇所有勾選的元素。input checked disabled 選擇說有被禁用的元素。input ...