html 核取方塊的文字溢位來 HTML表單標籤基礎

2021-10-17 09:52:04 字數 1468 閱讀 6708

一、傳統表單(一)

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...