一、傳統表單(一)
1、表單是什麼?
01.在網頁中主要負責資料採集功能的元件。
02.通常與資料庫相連。
03.由表單元素組成。
2、表單元件介紹:
01.文字(字段)
02.選擇
03.單選按鈕(組)
04.文字域
05.核取方塊
06.密碼(字段)
07.檔案域
08.提交按鈕
09.重置按鈕
3、form 標籤 (表單範圍)
action 屬性——指的是要用哪一些對應的指令碼來處理這些資料。
method 屬性——指的是資料互動的形式,其中有兩個屬性值 post 和 get 。
id 屬性—— 指的是它唯一的標識
4、input 標籤的 type 屬性
password:
01.type 屬性值
type= "radio" --- 單選按鈕
type= "checkbox" --- 核取方塊
type= "text" --- 文字
type= "password" --- 密碼字段
type= "file" --- 檔案域
type= "button" --- 普通按鈕
type= "submit" --- 提交按鈕
type= "reset" --- 重置按鈕
02. name 屬性
表單元素的名稱
注:同一組單選按鈕的的 name 值是相同的。
03. id 屬性
唯一識別符號
同乙個網頁裡id不能重複
04.label 標籤(標籤文字) --- 將文字與表單元素關聯
標籤文字
注:label for 屬性的值是取於input id 屬性的值來進行關聯的。
小結:01.form 標籤是表單本身。
02.input 標籤是表單元素最常見的情況,它的 type 屬性是非常多樣化的,不同的 type 屬性值決定了 表單元素的型別。
03.label 標籤是用來關聯文字的,它的 for 屬性的值跟 input id 屬性的值是對應一致的。
二、傳統表單(二)
1、select 標籤(選擇選單)和 option 標籤(選項)
選項1 選項2
01.value 屬性 --- 值,可能傳遞至資料庫。
02.selected 屬性 --- 預設選項
2、textarea 標籤 --- 大段、多行的文字區域
介紹
HTML核取方塊
將type型別設為 checkbox name 用來設定變數名 value 用來設定變數預設值 此處設定需要顯示的內容 示例 doctype html html lang en head meta charset utf 8 title html核取方塊 title head body form l...
html自定義核取方塊
自定義核取方塊的素材 icon check circle.png icon checked.png checkbox.html 為了方便起見,這裡使用到了jquery remember me 效果圖如下 未選中狀態 選中狀態 為提交表單時,考慮將核取方塊的內容進行提交,對上述的自定義核取方塊進行了如...
對HTML動態核取方塊賦值
怎樣寫動態核取方塊參考我的部落格 在編輯頁面要求我們對動態核取方塊賦初始值,這個時候需要轉變思路,將動態框的渲染和預設賦值寫在一起,節省了很多麻煩。首先還是在html頁面中留出核取方塊的位置 交通控制方式 在js中渲染 var type result.data.signaltype 獲取比對值 va...