表單元素新增的屬性（2） ## placeholder 占位符 在輸入框輸入的時候占位符為本會消失（經常結合文本框一起使用，用來展示提示文字） <br/> ## disabled 不可使用 （當前表單元素不可使用）任意表單元素都可以使用此屬性 <br/> <br/> ## autofocus 自動聚焦 表單元素文本框經常結合 autofocus一起使用。實現自動聚焦 <br/> <br/> ## readonly 只能讀 經常結合文本框一起使用，只能讀不能寫 <br/> <br/> <br/> <br/> 注意事項： 超文本標記語言第五次修改中，新增了一些標簽，可以結合表單一起使用 `<label></label>標簽 ` 經常結合表單元素一起使用：選中文字的時候單選，復選的文字都可以選中 代碼演示： ``` <form> <p>輸入賬號</p> <input type="text" placeholder="請輸入賬號"> <p>輸入密碼</p> <input type="password" placeholder="請輸入密碼" disabled> <p>輸入</p> <input type="text" autofocus> <p></p> <input type="text" placeholder="你好只能讀" readonly> <label> <p> <input type="checkbox">吃飯</p> </label> <input type="text"list="box"> <datalist id="box"> <option >js</option> <option >html</option> <option >php</option> </datalist> </form> ``` <br/><br/><br/> `<datalist></datalist>標簽的使用 ` 結合文本框 list屬性一起使用， datalist ID選擇器==list屬性名稱 這樣就可以制作下來選擇菜單 ### 代碼如下： ``` <input type="text"list="box"> <datalist id="box"> <option >js</option> <option >html</option> <option >php</option> </datalist> ```