在不可控的外部頁面中使用CSS 檢測文本輸入
為了確定輸入字段是否僅通過CSS 包含文本,請考慮使用佔位符屬性。佔位符是必要的且不能為空,但可以設定為單一空格。
應用CSS 規則:
input:not(:placeholder-shown) { border-color: green; } input:placeholder-shown { border-color: red; }
示範:
<input placeholder="Text is required"> <input placeholder=" " value="This one is valid"> <input placeholder=" ">
在此範例中,輸入帶有佔位符且沒有文字將有一個綠色邊框,表示它是空的。相反,帶有佔位符和文字或僅包含空格的佔位符和值的輸入將具有紅色邊框。
附加說明:
- 此方法之所以有效,是因為:placeholder-shown 是一個偽類,它與顯示的元素相匹配placeholder.
- :placeholder-shown 在所有主流瀏覽器中均受支援。
以上是CSS 可以在沒有 JavaScript 的情況下偵測外部頁面中的文字輸入嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

這是我們在形式可訪問性上進行的小型系列中的第三篇文章。如果您錯過了第二篇文章,請查看“以:focus-visible的管理用戶焦點”。在

本教程演示了使用智能表單框架創建外觀專業的JavaScript表單(注意:不再可用)。 儘管框架本身不可用,但原理和技術仍然與其他形式的建築商相關。

CSS盒子陰影和輪廓屬性獲得了主題。讓我們查看一些在真實主題中起作用的示例,以及我們必須將這些樣式應用於WordPress塊和元素的選項。

Svelte Transition API提供了一種使組件輸入或離開文檔(包括自定義Svelte Transitions)時動畫組件的方法。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

SecLists
SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境

SublimeText3 英文版
推薦:為Win版本,支援程式碼提示!