HTML核取方塊

2022-06-20 05:24:10 字數 1266 閱讀 4960

①將type型別設為"checkbox"

②name=""用來設定變數名

③value=""用來設定變數預設值

④此處設定需要顯示的內容

**示例:

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>html核取方塊

title

>

head

>

<

body

>

<

form

>

<

label

>請選擇你喜歡的水果:

label

><

br>

<

input

type

="checkbox"

name

value

="蘋果"

>蘋果<

br>

<

input

type

="checkbox"

name

="banana"

value

="香蕉"

>香蕉<

br>

<

input

type

="checkbox"

name

="orange"

value

="橙子"

>橙子<

br>

<

input

type

="checkbox"

name

="melon"

value

="西瓜"

>西瓜<

br>

<

input

type

="submit"

>

form

>

body

>

html

>

執行截圖:

layui新增核取方塊 layui核取方塊使用介紹

layui核取方塊 效果圖layui核取方塊,乙個主的核取方塊控制多個從核取方塊,主核取方塊和從核取方塊的顏色不一樣 layui核取方塊的樣式,都是在選然後才會有的,所以直接通過css設定就實現不了了。只可以通過js動態設定 html 使用了jfinal的模板 i18n.get 所屬校區 for c...

layui新增核取方塊 layui核取方塊使用介紹

layui核取方塊 效果圖layui核取方塊,乙個主的核取方塊控制多個從核取方塊,主核取方塊和從核取方塊的顏色不一樣 layui核取方塊的樣式,都是在選然後才會有的,所以直接通過css設定就實現不了了。只可以通過js動態設定 html 使用了jfinal的模板 i18n.get 所屬校區 for c...

html自定義核取方塊

自定義核取方塊的素材 icon check circle.png icon checked.png checkbox.html 為了方便起見,這裡使用到了jquery remember me 效果圖如下 未選中狀態 選中狀態 為提交表單時,考慮將核取方塊的內容進行提交,對上述的自定義核取方塊進行了如...