CSS可以通過placeholder
屬性為文本框添加提示文字。placeholder
屬性提供了一種在輸入字段中顯示默認提示信息的方法,當輸入字段為空時,提示信息會顯示在字段中,而當用戶開始輸入時,提示信息會消失。
以下是一個示例,展示如何使用CSS為文本框添加提示文字:
<!DOCTYPE html> <html> <head> <style> input[type="text"] { padding: 10px; width: 200px; border: 1px solid #000; border-radius: 5px; } input[type="text"]::placeholder { color: #999; font-size: 16px; } </style> </head> <body> <input type="text" placeholder="請輸入文本內(nèi)容"> </body> </html>
在這個示例中,我們?yōu)?code>input元素設置了padding
、width
、border
和border-radius
樣式,使其看起來更加美觀,我們使用::placeholder
偽元素為文本框添加了提示文字,并設置了顏色和字體大小。
當文本框為空時,提示文字“請輸入文本內(nèi)容”會顯示在文本框中,當用戶開始輸入時,提示文字會消失,文本框中會顯示用戶輸入的內(nèi)容。
版權聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。