表单元素新增的属性（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> ```