前端基础知识学习记录（二）

前端基础知识学习记录（二）

1、HTML 输入类型

<input>元素的输入类型:

1、<input type="text">定义供文本输入的单行输入字段；
2、<input type="password">定义密码字段（password字段中的字符会被做掩码处理，显示为星号或实心圆）；
3、<input type="submit">定义提交表单数据至表单处理程序的按钮；
4、<input type="radio">定义单选按钮；
5、<input type="checkbox">定义复选框；
6、<input type="button">定义普通按钮；
7、HTML5新增若干个输入类型，如：
  color、date、datetime、datetime-local、email、month、number、range、search、tel、time、url、week
  注：对于老式web浏览器不支持的输入类型，会被视为输入类型 text。
 （1）<input type="number">用于应该包含数字值的输入字段，可以对数字做出限制；
      举例：<input type="number" name="quantity" min="1" max="6">
 （2）<input type="date">用于应该包含日期的输入字段，根据浏览器支持，日期选择器会出现输入字段中，可以向输入添加限制；
      举例：<input type="date" name="bday" min="2000-01-01"><br>
 （3）<input type="color">用于应该包含颜色的输入字段，根据浏览器支持，颜色选择器会出现输入字段中；
 （4）<input type="range">用于应该包含一定范围内的值的输入字段，根据浏览器支持，输入字段能够显示为滑块控件，可以使用以下属性来规定限制：min、max、step、value；
      举例：<input type="range" name="points" min="0" max="10">
 （5）<input type="month">用户可以选择月份和年份，根据浏览器支持，日期选择器会出现输入字段中；
 （6）<input type="week">用户可以选择周和年，根据浏览器支持，日期选择器会出现输入字段中；
 （7）<input type="time">用户可以选择时间（无时区），根据浏览器支持，时间选择器会出现输入字段中；
 （8）<input type="datetime">用户可以选择日期和时间（有时区），根据浏览器支持，日期选择器会出现输入字段中；
 （9）<input type="datetime-local">用户可以选择日期和时间（无时区），根据浏览器支持，日期选择器会出现输入字段中；
 （10）<input type="email">用于应该包含电子邮件地址的输入字段，根据浏览器支持，能够在被提交时自动对电子邮件地址进行验证；
 （11）<input type="search">用于搜索字段（搜索字段的表现类似常规文本字段）；
 （12）<input type="tel">用于应该包含电话号码的输入字段（目前只有Safari8支持 tel类型）；
 （13）<input type="url">用于应该包含URL地址的输入字段，根据浏览器支持，在提交时能够自动验证url字段；
 

<textarea>标签：定义多行的文本输入控件。

文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是Courier）。
可以通过cols和rows属性来规定textarea的尺寸，但是最好还是使用CSS的height和width 属性。
在文本输入区内的文本行间，用"%OD%OA"（回车/换行）进行分隔。
可以通过 <textarea> 标签的wrap属性设置文本输入区内的换行模式。

2、HTML 列表

HTML 支持有序、无序和定义列表。

（1）无序列表
    无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
    无序列表始于<ul>标签，每个列表项始于<li>。
    type可以取值为：disc（实心黑圆点）、circle（空心圆点）、square（实心黑方点）。
（2）有序列表
    有序列表同样也是一列项目，列表项目使用数字进行标记。
    有序列表始于<ol>标签，每个列表项始于<li>标签。
    type可以取值为：默认值（数字）、A（字母）、a（小写字母）、I（罗马字母）、i（小写罗马字母）。
（3）自定义列表
    自定义列表是项目及其注释的组合。
    自定义列表以<dl>标签开始，每个自定义列表项以<dt>开始，每个自定义列表项的定义以<dd>开始。