1.–单行文本输入框

最简单的元素用于单行输入

2.type属性

2.1 type=”text”(默认)

2.2 type=”password”—-此时输入的内容会被小圆点代替,防止密码被偷窥.

2.3 type=”number”—此时输入类容被限制为数字.

2.4 type=”color”—此时input框成为了色块,可以调节各种颜色

2.5 type=”button”—此时的input不是输入框,而是一个按钮

<!-- 效果类似,但是

2.6 type=”checked”—此时的input不是输入框,而是多选框

2.7 type=”radio”—此时input为单选框,选择一方,另外一方就会被取消选择.

男女

2.8 type=”range”—此时input为范围区间条

2.9 type=”file”,此时为文件选择器

2.10type=”image”—此时用图片为提交按钮

2.11 type=”data”—日期选择器

2.12 type=”datetime-local”—与date类似具体到分钟

2.13 type=”month”—用于年份和月份的显示

2.14 type=”week”—用于周数显示

2.15 type=”time”—用于时间的输入,分秒

2.16 type=”email” 和 type=”submit”—email,submit与表单元素配合验证邮箱是否正确.

submit单独没有意义,通常与元素配合使用,我们后面会讲到.

2.17 type=”reset”与submit与元素使用

value为input的值显示在input框内

reset是将表单重置为初始值

submit是提交表单

用户名: 密码: 

3.placeholder—占位字符

当输入框为空的时候,内部显示,提示用户输入

当有value时会覆盖placeholder

4.autofocus—自动聚焦

当打开网页时,鼠标光标自动进入输入框中,不要点击输入框再输入了