HTML里input標(biāo)簽里的placeholder、for屬性的作用？占位符是HTML5中新添加的輸入的熟悉部分。它主要是使形式體驗(yàn)更加智能化，相當(dāng)于價(jià)值屬性。但它有一個(gè)優(yōu)點(diǎn)：當(dāng)我們把焦點(diǎn)放在輸入文本

HTML里input標(biāo)簽里的placeholder、for屬性的作用？

占位符是HTML5中新添加的輸入的熟悉部分。它主要是使形式體驗(yàn)更加智能化，相當(dāng)于價(jià)值屬性。但它有一個(gè)優(yōu)點(diǎn)：當(dāng)我們把焦點(diǎn)放在輸入文本上時(shí)，占位符為“默認(rèn)值”的文本會(huì)被自動(dòng)清除，但是兼容性不是很好，至少ie需要9以上的支持，所以很多PC端的焦點(diǎn)處理還是JS

對(duì)于屬性應(yīng)該是label的屬性？？它綁定到輸入的ID。單擊輸入前面的文本ID時(shí)，我們將自動(dòng)關(guān)注文本框，例如：]<form>

<label for=“name”> user name</label>

<input type=“text”name=“name”accessKey=“C”ID=“name”/&在本例中，單擊用戶名時(shí)，我將自動(dòng)關(guān)注文本框，即光標(biāo)會(huì)自動(dòng)定位在文本框中

常用的方法是用文本框的值來(lái)模擬占位符，克隆一個(gè)原始文本框，將其值設(shè)置為原始文本框的占位符值，并將樣式（文本顏色模擬）添加到克隆的文本框中，然后隱藏原始文本框文本框。單擊克隆的文本框時(shí)，將其隱藏并顯示原始文本框。同時(shí)，使用JS的focus（）方法在原始文本框中定位焦點(diǎn)光標(biāo)。