使用CSS 給表單必選項新增星號的實現方法

2022-09-25 22:42:18 字數 542 閱讀 6007

在製作網頁表單的時候,如果程式設計客棧乙個選項是必填的,程式設計客棧通常會給選項新增乙個星號,比如 typecho 的評論表單:

姓名 www.cppcns.com;*

www.cppcns.comt; class="form-text">

示例: 

* 姓名   

然後給星號新增一點 css 樣式:

.form-group span.required

例如:但是有些時候我bvrhbne們可能無法修改 html 結構,或者不想新增多餘無意義的標籤,這時可以利用 css 的 after 偽類來製作出乙個星號。

還是上邊的表單,刪除*這段**,然後新增 css:

.form-group label:after

這樣就可以通過 css 來製作出乙個代表必選的星號。

其實 css 的 before 和 after 偽類是非常好用的,大多數人只是拿它來清除浮動,其實腦洞開一下,好好利用這兩個偽類可以做出很神奇的事情。

總結本文標題: 使用css 給表單必選項新增星號的實現方法

本文位址:

表單必填標星 詳解CSS 給表單必選項新增星號

表單加星號意思是必填項了,這種功能我們其實見得也是非常的多了本文我們就一起來看一篇關於css 給表單必選項新增星號的例子,希望能幫助到大家。姓名 然後給星號新增一點 css 樣式 form group span.required color 999 font size 150 css 給表單必選項新...

給Jupyter新增kernel選項

conda可以根據不同的需求建立不同的虛擬環境,但是有時在jupyter notebook上進行編碼時,只能看到本地base環境的kernel,如果沒有配置過,是沒有辦法在其他虛擬環境中執行 的。為了解決這個問題,查閱之後發現乙個相對簡便的方法就是在conda的環境下安裝乙個包。conda inst...

JS 給select新增option選項

js 給select新增option選項 今天遇到乙個問題,就是動態新增option到slect裡面在ie6不成功 script varshosetype document.createelement select shosetype.setattribute id sc varoption 新增成...