前端基础知识学习记录(二)

前端基础知识学习记录(二)

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>开始。
    原文作者:studyrh
    原文地址: https://segmentfault.com/a/1190000008941922
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞