當用戶選擇字段時，表單上每個輸入字段的占位符值應該消失，但它沒有消失。Doctype是HTML5。

http://dailyspiro.com/index.html

<input required type="text" name="user-first-name" id="user-first-name" placeholder="First Name" class="text ui-widget-content ui-corner-all decorative-icon icon-user" />

半鑄鋼?鋼性鑄鐵(Cast Semi-Steel)

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
input:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */

看這里http://sridharkatakam . com/make-search-form-input-box-text-go-away-focus-genesis/

用一點js就能達到同樣的效果。不確定你是在找一個普通的HTML。@chiliNUT的選項應該對你有用。不管怎樣，既然我不完全清楚你想要什么...

這里有兩個選項:

<input required type="text" name="user-first-name" id="user-first-name" class="your list of class names" placeholder="First Name" onfocus="if(this.value == 'First Name') { this.value = ''; }" value="First Name"/>

<input required type="text" name="user-first-name" id="user-first-name" class="your list of class names" onfocus="if(this.value == 'First Name') { this.value = ''; }" value="First Name"/>

和必不可少的小提琴。

您可以在HTML輸入標簽中直接使用onfocus和onblur事件

<input onfocus="this.placeholder = ''" onblur="this.placeholder = 'click me'" placeholder="click me"/>

奇怪的是沒人提到最簡單的方法:

<input type="text" placeholder="Your Name" onfocus="this.placeholder=''" onblur="this.placeholder='Your Name'"

onblur只有在用戶離開輸入后想要恢復原來的占位符時才是必需的。