前端基礎知識學習記錄（二）

前端基礎知識學習記錄（二）

一、HTML 輸入類型

<input>元素的輸入類型:

一、<input type="text">定義供文本輸入的單行輸入字段；
二、<input type="password">定義密碼字段（password字段中的字符會被作掩碼處理，顯示爲星號或實心圓）；
三、<input type="submit">定義提交表單數據至表單處理程序的按鈕；
四、<input type="radio">定義單選按鈕；
五、<input type="checkbox">定義複選框；
六、<input type="button">定義普通按鈕；
七、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屬性設置文本輸入區內的換行模式。

二、HTML 列表

HTML 支持有序、無序和定義列表。

（1）無序列表
    無序列表是一個項目的列表，此列項目使用粗體圓點（典型的小黑圓圈）進行標記。
    無序列表始於<ul>標籤，每一個列表項始於<li>。
    type能夠取值爲：disc（實心黑圓點）、circle（空心圓點）、square（實心黑方點）。
（2）有序列表
    有序列表一樣也是一列項目，列表項目使用數字進行標記。
    有序列表始於<ol>標籤，每一個列表項始於<li>標籤。
    type能夠取值爲：默認值（數字）、A（字母）、a（小寫字母）、I（羅馬字母）、i（小寫羅馬字母）。
（3）自定義列表
    自定義列表是項目及其註釋的組合。
    自定義列表以<dl>標籤開始，每一個自定義列表項以<dt>開始，每一個自定義列表項的定義以<dd>開始。