如何僅使用 CSS 建立帶有星號的類似密碼的輸入？

樣式輸入類型=文字類型=密碼

問題：

問題：

你怎麼可以修改type=text 的輸入元素以僅使用CSS 顯示星號（如密碼輸入）？

解決方案：

<code class="css">input.pw {
  -webkit-text-security: disc; /* Older Safari/Chrome */
  text-security: disc; /* W3C */
}</code>

儘管此問題僅具有演示性質，CSS對於現代瀏覽器來說，單獨使用就可以達到這種效果：

<code class="html"><input type="text" class="pw" value="abcd">

<!-- Button to toggle asterisk display -->
<button onclick="this.previousElementSibling.classList.toggle('pw')">Toggle '•'</button></code>

將此CSS 應用於類別為「pw」的輸入元素：

以上是如何僅使用 CSS 建立帶有星號的類似密碼的輸入？的詳細內容。更多資訊請關注PHP中文網其他相關文章！