HTML里input标签里的placeholder、for属性的作用？

Question

如题所述

Answer 1

placeholder是html5新增的input的一个熟悉，主要是让表单体验更加智能，相当于value属性，但是他有一个好处就是当我们聚焦输入文本的时候我们在placeholder="默认值"的文本就会自动清空，，
不过兼容性还不太好，至少ie好像要9以上才能支持，，所以很多pc端的聚焦处理还是用js来的

for属性应该是label的属性吧？？这个是和input的id绑定，当我们点击input前面的文本标识会自动聚焦到文本框，例如：
<form>
<label for="name">用户名</label>
<input type="text" name="name" accesskey="c" id="name" />
</form>
这个例子，当我点击用户名的时候，会自动聚焦到文本框里头，也就是光标会自动定位到文本框里

Answer 2

placeholder 规定帮助用户填写输入字段的提示。

在input标签中没有for属性。你找的可能是这些，如下：
属性：form 值：formname 描述：规定输入字段所属的一个或多个表单。
属性：formaction 值：URL 描述：覆盖表单的 action 属性。（适用于 type="submit" 和 type="image"）
属性：formenctype 描述：覆盖表单的 enctype 属性。（适用于 type="submit" 和 type="image"）
属性：formmethod 值：get/post 描述：覆盖表单的 method 属性。（适用于 type="submit" 和 type="image"）
属性：formnovalidate 值：formnovalidate 描述：覆盖表单的 novalidate 属性。（如果使用该属性，则提交表单时不进行验证。）
属性：formtarget 值：_blank _self _parent _top framename 描述：覆盖表单的 target 属性。（适用于 type="submit" 和 type="image"）
具体详情，参考http://www.w3school.com.cn 有你想要的一切~

Answer 3

placeholder 是做提示用的，占位符，就是你一个输入框还没输入的时候，里面就实现是placeholder的内容
for作用是标签关联input，比如 <input id="aa"> <label for="aa">aa</label>,这时候点击这个标签input就会获得焦点