整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          css修改單選按鈕和復選按鈕顯示樣式

          選按鈕和復選按鈕在網站的表單中經常用到

          在表單元素中,單選按鈕和復選按鈕都具有選中和未選中狀態。

          大家都知道,要覆寫這兩個按鈕默認樣式比較困難。

          在CSS3中,我們可以通過狀態選擇器“:checked”配合其他標簽實現自定義樣式。

          首先建立表單的html布局:

          接著就是樣式css創建

          效果圖如下:

          是不是比默認的樣式好看多了。當然實現這些自定義選擇框和單選框還有很多其他方法,比如用背景圖片實現等等

          頁編程之單選復選。

          同學們好,這里是免費少兒編程知識分享。每天一行代碼誰都能學會!今天分享的知識是在網頁中插入單選框復選框和定義標注。顧名思義,單選框就是在一堆選項中單獨選擇一個,而復選框則是選擇多個選項。

          定義標注是一種常見的表單控件,觸發表單對應的控件功能,讓用戶在使用表單時能夠有更好的體驗,用到的是Input標簽的type值radio Checkbox和label標簽。

          先來看看今天實例的運行效果。網頁上一共有三段,第一段和第二段都是單選框,讓用戶選擇自己的職業,它們的區別在第一段只有點擊單選框空鍵才能夠使單選框處于選中的狀態,而第二段只要點擊某一項對應的文字即可讓單選框處于選中的狀態。

          還順便演示了在一個網頁中插入多個單選框,而不互相干擾,一般來說單選框都是必選,且只能夠選擇中一個。所以第一段還演示了如何在頁面加載時就選中單選框的一項。第三個是復選框可以同時選中多個值,也可以一個值都不選,最后一個是輸出選擇的按鈕,點擊之后就會彈出對話框,使用JS取得選中的值并且顯示出來。就像這樣,效果各位同學都已經看到了。

          現在我們來看看實現的代碼。單選框用到的是input標簽的type屬性值radio,它的常用屬性有Checked的,使用此項則默認為選中狀態。

          ·vivo 有定義每一項的返回值波紋定向了選選項組的名稱,所有lam相同的選項則為同一組選項,而要在頁面中插入不同的選項組,只需要將ame設置不同即可。

          id 為唯一標識,常用來和labei標簽的For屬性搭配使用Disabled設置某一選項是否會被禁用。復選框用到的是input標簽的type屬性的Checkbox,它的屬性和radio是完全一樣的,沒有任何的差別,也沒有必要在這里再浪費一次時間。

          剛才已經演示過,如果說讓用戶去點擊單選框或者復選框控件才能夠更改狀態是比較麻煩的事情,而點擊文字就能更改選項。

          操作就會簡單很多,用到的也就是label標簽,label標簽為input元素定義標注也可以叫標記。label標簽不會向用戶展示任何特殊的效果,也就說它和普通文字是一模一樣的。不過它為鼠標用戶改進了可用性。

          如果在label元素內點擊文本就會觸發該控件,也就是說當用戶選擇該標簽時瀏覽器會自動將焦點轉移到和標簽相關的表單控件上,用到的是被關聯控件的ID屬性和label的for屬性。就像這樣在for屬性里面填上單選框的ID值,點擊這個label的時候ID為F2-2(口誤)的單選框就得到了焦點改變了值。JS現在就不講了,看看就得了免得你們大。

          今天的分享就到這里,希望各位同學下去能夠照著寫3遍,做到不看視頻也能夠寫出來所有的案例及相關文檔均可以向我獲取。下期見。網頁編程·服務端編程·數據庫·算法,點贊·關注。想學編程點關注吧。


          主站蜘蛛池模板: 久久精品免费一区二区三区| 无码日韩精品一区二区免费| 精品国产一区二区三区香蕉事 | 中文字幕av人妻少妇一区二区| 久久精品国产一区二区三区不卡| 精品国产一区二区三区AV | 97一区二区三区四区久久 | 国产在线精品一区在线观看| 国产自产对白一区| 久久久精品人妻一区二区三区四 | 国模精品一区二区三区视频| 中日韩精品无码一区二区三区| 日本欧洲视频一区| 精品国产亚洲一区二区三区| 中文字幕日韩人妻不卡一区| 亲子乱AV视频一区二区| 91国在线啪精品一区| 鲁丝片一区二区三区免费| 嫩B人妻精品一区二区三区| 中文字幕AV一区中文字幕天堂| 国产在线一区二区在线视频| 亚洲爆乳精品无码一区二区三区 | 久久青草精品一区二区三区| 国产视频一区在线观看| 久久福利一区二区| 亚洲av无码片区一区二区三区| 亚洲视频一区二区三区四区| 少妇一夜三次一区二区| 午夜视频一区二区三区| 痴汉中文字幕视频一区| 日本道免费精品一区二区| 国产丝袜无码一区二区三区视频| 中文字幕精品无码一区二区 | 亚洲av日韩综合一区久热| 天堂一区二区三区在线观看| 波多野结衣一区二区三区高清av | 亚洲国产成人久久一区WWW| 国精无码欧精品亚洲一区| 91福利视频一区| 精品免费国产一区二区三区| 精品一区二区三区在线观看|