亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Vue?input輸入框中的值怎么變成黑點

發布時間:2023-04-25 15:43:55 來源:億速云 閱讀:140 作者:iii 欄目:開發技術

這篇文章主要介紹了Vue input輸入框中的值怎么變成黑點的相關知識,內容詳細易懂,操作簡單快捷,具有一定借鑒價值,相信大家閱讀完這篇Vue input輸入框中的值怎么變成黑點文章都會有所收獲,下面我們一起來看看吧。

vue input輸入框中的值變成黑點

上面是自定義的組件,type 和 placeholder 分別作為參數。

type="password"

type 設置為 password 就可以顯示輸入值變成黑點了。

上效果圖:

Vue?input輸入框中的值怎么變成黑點

input標簽選中樣式設置及input密碼框可視設置

關于input標簽樣式使用的一些總結:

1、input標簽選中時的光標緊貼邊框的問題:

input標簽默認光標會緊貼邊框,設置padding樣式可解決;

2、input標簽選中樣式:

input標簽可對選中時的樣式進行設置,同時要注意input標簽外邊框和內邊框的影響。可通過box-shadow屬性設置選中時的邊框陰影。

Vue?input輸入框中的值怎么變成黑點

3、input標簽的type屬性:

input標簽的type屬性有多個屬性值:button、checkbox、file、hidden、image、password、radio、reset、submit、text

其中最常用的是password和text屬性。

4、關于input密碼框(type=“password”)密碼隱藏和可視的封裝思路:

input標簽密碼框模式下,默認狀態是無法查看輸入的密碼的,都是小黑點替代,在與用戶交互過程中會有諸多不便,使用戶無法查看自己輸入的密碼,即使錯誤也不知道為啥錯了。因此很多組件封裝會加上小眼睛實現可視與隱藏的切換。

封裝思路:

input標簽沒有小眼睛的圖標,所以我們要加入小圖標。

(1)父標簽下包含input標簽和小圖標(兩個小圖標,一個隱藏一個可視)。父標簽設置position:relative;屬性。

(2)小圖標設置position:absolute;屬性,設置top、bottom、right、left等值調整到你想要的位置。

(3)js控制。給小圖標定義點擊事件,根據點擊切換圖標,同時切換type="text"和type="password"屬性的input框。兩個input框綁定同一個接收password值的字段。

關于“Vue input輸入框中的值怎么變成黑點”這篇文章的內容就介紹到這里,感謝各位的閱讀!相信大家對“Vue input輸入框中的值怎么變成黑點”知識都有一定的了解,大家如果還想學習更多知識,歡迎關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

静宁县| 随州市| 凤凰县| 全椒县| 特克斯县| 胶南市| 合川市| 建水县| 庆阳市| 肇州县| 长乐市| 营口市| 财经| 长宁县| 金溪县| 和政县| 闽侯县| 湘潭县| 遂溪县| 石景山区| 青阳县| 漠河县| 鄂州市| 靖江市| 潜山县| 平顶山市| 炉霍县| 榆林市| 瓮安县| 墨脱县| 周至县| 合川市| 平和县| 武平县| 油尖旺区| 金平| 襄城县| 上林县| 乌拉特后旗| 新源县| 德阳市|