<noframes id="jjr3b"><form id="jjr3b"><th id="jjr3b"></th></form>

    <noframes id="jjr3b"><span id="jjr3b"><span id="jjr3b"></span></span>

    <noframes id="jjr3b"><form id="jjr3b"><th id="jjr3b"></th></form>
    <form id="jjr3b"></form>

    <noframes id="jjr3b">
      18868949445

      無錫建站:8個獨特的密碼字段和表單實用程序

      日期:2021-05-24 閱讀:106   作者:無錫網站設計開發公司

      如果您的網站允許用戶擁有自己的帳戶,那么密碼是安全性和用戶界面的重要組成部分。你肯定會希望用戶采用強密碼,讓黑客更難對付。但也有一些小的改動可以添加到密碼字段中,以提高可用性。另外,你不會想登錄作為事后考慮的區域

      仔細閱讀CodePen的檔案,有許多與密碼相關的片段值得一看。下面,您將找到一個有吸引力的、獨特的和有用的項目組合,從簡單的密碼字段到為用戶生成安全密碼的實用程序。

      檢查密碼要求

      對于用戶來說,最令人沮喪的情況之一是密碼不夠強,但不清楚他們需要做什么才能滿足要求。這里有一個字段,它使用JavaScript和一個需求列表在您鍵入時自動“檢查”每個條目。這支筆實際上有幾年的歷史,但仍然是向用戶提供所需信息的一個很好的例子。

      向我展示

      當我們創建復雜的密碼時,查看我們輸入的是什么非常有用。通常,提供此功能的字段會使用眼球圖標或其他非語言方法。這個特殊的登錄表單的好處是它實際上在密碼字段切換上顯示“showpassword”。把事情盡可能地顯而易見并不是個壞主意。

      密碼精靈

      如果你想的話,有很多選擇隨機生成密碼。但是,這個Vue.js示例之所以如此酷,是因為您有一個用戶友好的選項面板,用于選擇長度、位數和符號。還有一個實時強度計,能夠生成一個又一個密碼和點擊復制功能。你還需要什么?

      密碼錯誤?離開這里

      微觀相互作用現在有點大不了,這個密碼字段以創造性的方式使用它們。輸入錯誤的密碼,鎖圖標會擺動,像鐘擺一樣,并“踢”出無效的輸入。它主要是為了好玩,但有趣的是。

      批量創建密碼

      如果您需要生成多個密碼,那么您會喜歡這個示例的功能。設置要生成的密碼數、密碼應包含的字符數,甚至列出希望生成器使用的字符數。而且,哦,是的,你甚至可以將密碼列表保存為文本文件或打印出來。多省時??!

      確認和驗證

      在用戶注冊或更改密碼的情況下,添加第二個確認字段是相當標準的做法。這個表單進一步增加了幾個功能,包括顯示/隱藏輸入文本的能力、強度計和確保兩個字段中的密碼匹配的檢查。這里唯一的建議是顯示“強”密碼的要求。

      超級機密

      當你把有趣的設計和可靠的功能結合起來時,你就得到了一些好東西。這個密碼生成器提供了一個很好的組合??梢酝ㄟ^單擊表單底部的各種圖標來配置它(在示例中,這些功能確實起作用)–這是功能部分。用戶界面也非常流暢,使用動畫使整個體驗更具交互性。

      就像電影一樣

      最后的選擇純粹是為了娛樂。這支筆是對所有電影和電視節目的致敬,這些電影和電視節目使密碼破解看起來像是一種未來的努力。要使用它,只需在隨機字符經過時單擊–在密碼中的每個位置單擊一次。結果是一個完全“破解”的密碼!

      密碼:受保護

      這里有一個密碼字段的組合,可以提高可用性,甚至可以提高下一個項目的安全性。更不用說一些有趣的密碼生成工具,它們可以幫助您創建更好的密碼,并且可以在短時間內完成?,F在,不要和任何人分享;)


      网赚团队