当用户选择字段时,表单上每个输入字段的占位符值应该消失,但事实并非如此。 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" />
答案 0 :(得分:7)
<强> CSS 强>
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/
答案 1 :(得分:2)
你可以通过一点点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"/>
答案 2 :(得分:0)
您可以直接在 HTML 输入标签中使用 onfocus
和 onblur
事件
<input onfocus="this.placeholder = ''" onblur="this.placeholder = 'click me'" placeholder="click me"/>
欲了解更多信息和示例click here