在ReactJS中輸入掩碼密碼

2017-07-19 173 views 0 likes

我正在使用ReactJS構建登錄頁面。我正在使用內置的自定義文本組件，但不幸的是，它沒有密碼遮罩選項。使用<input>標籤與type=password不是一個選項。我怎樣才能讓我的密碼字段使用Javascript/JQuery顯示蒙版（點而不是文本）？在ReactJS中輸入掩碼密碼

是否可以選擇讀取每個事件，並用點替換文本，而將字符存儲在列表中或其他行上？

2017-07-19 koolkat

回答

那麼，實現這一目標的方法大部分是在JSX/HTML或CSS中。

要使用JSX或HTML做到這一點，你可以使用：

<input type="password" name="password">

要使用CSS實現這一點，你可以使用：

-webkit-text-security: disc; 
-moz-text-security: disc; 
text-security: disc;

2017-07-19 21:34:02 FluffySamurai

'webkitTextSecurity：'disc''似乎不起作用。 React中有替代嗎？ – koolkat

'WebkitTextSecurity：'disc''工作（大寫W）。謝謝！ – koolkat

您正在尋找<input type="password">，確實如此。

2017-07-19 21:29:43 SLaks

從我的問題，「使用標籤與類型=密碼不是一個選項。「 – koolkat

@saishreb：爲什麼不呢？這就像問「如何不用螺絲刀插入螺釘？」 – SLaks

我用於用戶名字段的自定義文本組件已經以某種難以用CSS重現的方式進行了樣式化。密碼字段需要與用戶名字段完全相同。 – koolkat

相關問題