jQuery UI、開發(fā)插件、H5表單新元素類型屬性介紹

一、jQuery UI - 集成頁面特效


autoOpen:默認(rèn)打開還是關(guān)閉

buttons: 是一個(gè)數(shù)組,每個(gè)元素就是一個(gè)按鈕

按鈕屬性

text:按鈕名字

click:按鈕事件

modal:設(shè)置對(duì)話框是否為模式對(duì)話框,即設(shè)置提示框的背景是否顯示

width: 寬

height:高

二、開發(fā)插件 - 原理

1. 對(duì)象方法插件 - $().each()

? ? $.fn.extend(object)

2. 全局函數(shù)插件 - $.each()

? ? $.extend(object)

3. 選擇器插件 - 幾乎不用

? ? - 擴(kuò)展jquery選擇器

? ? - jQuery官方專門推出用于擴(kuò)展選擇器的js庫


4. 目的:

? ? ? 將來實(shí)際開發(fā)需要獨(dú)自開發(fā)插件(入門級(jí))

? ? ? 為了面試

三、HTML5介紹

1. HTML5目前最新的規(guī)范(標(biāo)準(zhǔn))是2014年10月推出的??

2. 2005年左右出現(xiàn)HTML5版本(非標(biāo)準(zhǔn))? ? W3C組織(兩個(gè)組織定義H5規(guī)范)?

3. HTML版本: 第一階段主要學(xué)習(xí)4版本(包含5版本)

4. HTML5版本之后,聲明不再出現(xiàn)版本信息

? ? 有意的弱化版本,以后可能不再會(huì)有新版本

? ? HTML5的規(guī)范內(nèi)容實(shí)時(shí)更新

5. 注意:

? ? HTML5永遠(yuǎn)都不可能脫離javaScript

? ? HTML5在移動(dòng)端支持好于PC端

四、HTML5新表單

1、input新類型

email:驗(yàn)證是否包含@

search:搜索框

url: 驗(yàn)證是否包含http

tel: 效果只能在移動(dòng)端出現(xiàn)

number: 數(shù)字選擇 min max step

range: 范圍類型 min max step value

color: 顏色選擇器

date:日期類型

week:星期類型

month:月份類型

2. 表單新元素

1)datalist: 定義input的備選框

input的list的值要等于datalist的id值

數(shù)據(jù)與結(jié)構(gòu)的分離

雙擊出現(xiàn)備選框

數(shù)據(jù):預(yù)定義數(shù)據(jù)內(nèi)容datalist

結(jié)構(gòu):顯示在頁面中的元素input

使用datalist元素定義的數(shù)據(jù),可以重復(fù)使用

2)progress: 進(jìn)度條

max - 設(shè)置進(jìn)度條的最大值

沒有min屬性 - 最小值為0

value - 當(dāng)前的進(jìn)度值

3)meter : 刻度

min: 最小值

max: 最大值

value: 當(dāng)前值

low: 低預(yù)警值

high:高預(yù)警值

4) output(了解) : 輸出

3. 表單新屬性

1) placeholder : 置空字符

2) multiple:允許輸入多個(gè)值

? ? 多個(gè)值使用逗號(hào)隔開,例如多個(gè)郵箱

? ? 只定義屬性名,沒有定義屬性值

3)autofocus:自動(dòng)獲取焦點(diǎn)

? ? 只定義屬性名,沒有定義屬性值

4)form:允許將表單元素定義在表單外

? ? form表單外的表單一定要寫form的id

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容