Amele
Bootstrap框架本身提供了一組更規範易用且美觀的form控件,包括input group複合文本框組件,加上為表單驗證功能專門設計的一些CSS和JS特性,可以說用Bootstrap本體框架即可製作出簡約、專業、漂亮的用戶認證(註冊/登錄)模塊。這方面,建議您查看以下Bootstrap官網文檔:
表單控件:
https://getbootstrap.com/docs/4.3/components/forms/
表單驗證組件:
https://getbootstrap.com/docs/4.3/components/forms/#validation
複合文本框組件:
https://getbootstrap.com/docs/4.3/components/input-group/
如果您需要製作更加個性化設計的用戶認證頁面,可以參考一些基於Bootstrap的網頁模板,或使用一些第三方的基於Bootstrap的擴展UI框架,以下給出幾個參考:
MDB,國外非常流行的Bootstrap擴展框架:
https://mdbootstrap.com/
MDB基於Bootstrap,但根據Google的Material設計風格重新設計了框架的所有組件,並擴充了上千個新的組件,非常棒!其中也有註冊/登錄的多個組件和模板可供免費下載。
envato market,國外著名的數字產品市場:
https://themeforest.net/category/site-templates
在HTML模板分類,可以找到很多整站模板,或細分場景模板,肯定也包括用戶認證方面的模板。您可以找一找。需要注意的是,其中有非常多的模板也是基於Bootstrap框架的,所以也符合您的需求。
限於篇幅,只能粗略給您介紹這點資料。希望能幫到您的忙。