整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          前端開發(fā)必須理解的知識點-HTML5新表單

          前面學習了HTML5的基礎新元素,接下來小編將繼續(xù)分享HTML5必學的知識點--HTML5新表單

          在開始之前,先來了解一下HTML5的聲明,<!doctype html>,通過HTML的聲明,體現W3C故意弱化HTML的版本,但是小標要說明下版本不更新,不等于內容不更新,而是W3C希望HTML5是融合版本。

          關于HTML的發(fā)展歷史, HTML的規(guī)范不嚴格一直以來就是前端開發(fā)人員頭疼的地方, 元素定義大小寫不敏感。

          直到XHTML 1.0的出現 - 前端開發(fā)人員擁抱,因為此時的HTML只允許小寫

          XHTML 2.0版本出現后 - 前端開發(fā)人員重新回到HTML, 推翻了之前很多習慣

          HTML 4版本出現之后 - 比較好的版本

          HTML 5版本出現 - 經歷8年后,終于在2014年10月底發(fā)布

          HTML5的特點:移動端瀏覽器相比PC端瀏覽器對H5的支持更好,這要感謝蘋果公司 - 喬布斯

          小編提醒大家:目前網上所謂的H5,并不是指現在所學HTML5技術,HTML5的新特性內容不多,與JS(難)配合使用

          那么實際工作中使用多不多?其實實際上來說,相對并不多

          其實就是在為將來學習 - HTML5將來一定是主流。

          *******華麗分割線*******

          接下來開始學習,HTML5必學知識點—新表單,主要從4個方面入手:新類型、新元素、新屬性、新驗證

          首先是INPUT新類型,新增了以下類型:

          1.email類型 - 判斷字符串中是否包含"@"符號,注意的是不能以"@"開始、不能以"@"結束

          2.搜索類型 - search

          3.URL類型 - 判斷字符串中是否包含"http:",注意的是以"http:"開始,驗證通過,以"http:"結束,驗證通過

          4.電話號碼類型 - tel,注意的是只有在手機端瀏覽器訪問時有效果

          5.數字類型 - number,需要注意的是允許輸入非數字內容,但是不允許提交,在設置min和max時,允許輸入范圍外的值,不允許提交;這個類型有一些屬性: min - 設置數字的最小值;max - 設置數字的最大值;step - 設置步長,每次增加或減小的量值

          6.范圍類型 - range,效果就是滑動條,屬性:min - 最小值、max - 最大值、step - 步長、value - 當前值

          7.顏色類型 - color

          8.日期類型 - date,日期格式 - yyyy/MM/dd

          9周、月份類型 (實際很少使用)

          10周 - week(實際很少使用)

          11月份 - month(實際很少使用)

          第二部分是表單新元素

          1.<datalist>元素,用法:需要配合input元素使用,在input元素中定義list屬性(值為datalist元素的id值),好處就是數據與結構的分離

          2.<progress>元素,就是實現一個進度條,屬性有:max - 設置進度條的最大值、value - 設置進度條當前的值

          3. <meter>元素,用法和<progress>元素類似,作用 - 刻度,屬性包括:min和max - 設置最小值和最大值、 value - 表示當前值,high和low - 設置預警值(舉個常見的例子,當你手機的電量小于10%時候,一般會顯示紅色的一小段進度)

          4.<output>元素,和<input> 輸入框正好相反,<output>是輸出框,屬性:for指定要輸出的元素進行關聯(實際開發(fā)中,很少使用)

          第三部分是表單新屬性

          1.placeholder屬性:就是實現input輸入框的默認提示信息,相比value屬性值更好用。這個在實際開發(fā)過程中非常常見

          2.autofocus屬性:就是自動獲取焦點、用法有點不同,它不是key=vlaue的形式,而是直接只定義屬性名(沒有屬性值)

          3.multiple屬性:就是允許輸入框輸入多個值,用法和autofocus一樣只定義屬性名(沒有屬性值)

          4.form屬性(實際開發(fā)中用到不多):就是表單元素定義在表單之外,用法 - 值是相關表單的id屬性值

          第四部分是表單新驗證(這是一個難點,也是重點)

          1.驗證屬性:

          required屬性即:驗證是否為空?返回false,表示當前元素值為空, 返回true,表示當前元素值不為空

          pattern屬性即:驗證正則表達式,定義正則表達式時,不能添加"http://", 正則表達式不能驗證是否為空

          min和max屬性即:驗證最小值和最大值 ,只和number類型的input元素配置使用

          minlength和maxlength屬性即:驗證最小長度和最大長度,minlength - 驗證最小長度,maxlength - 限制最大長度(輸入內容的長度不能大于maxlength的值)

          validity屬性即:HTML5提供表單驗證的接口,通過該屬性得到validityState對象,該對象提供一系列的有效狀態(tài), 有效狀態(tài)可用于表單驗證,得到validatyState對象,elem.validaty - 得到該對象

          2.有效狀態(tài)

          valid - 返回Boolean,表示驗證是否通過,true - 表示驗證通過, false - 表示驗證失敗,

          valueMissing - 表示值是否為空,返回值true - 表示元素值為空(錯誤)、false - 表示元素值不為空(正確) 注意該狀態(tài)配合required屬性使用

          typeMismatch - 表示元素類型是否匹配,返回值true - 表示元素類型不匹配、false - 表示元素類型匹配、 該狀態(tài)配合email、url、number等使用

          patternMismatch - 表示正則表達式是否匹配、返回值true - 表示正則表達式不匹配、false - 表示正則表達式匹配,該狀態(tài)配合pattern屬性使用

          tooLong - 表示元素內容長度是否過長,返回值true - 表示元素內容長度過長,false - 表示元素內容長度不長,該狀態(tài)配合maxlength屬性使用

          maxlength屬性 - 限制屬性,tooLong可能不會出現(完整性)

          rangeUnderflow - 表示元素值是否小于min值,返回值true - 表示元素值小于min的值,false - 表示元素值不小于min的值 該狀態(tài)配合min屬性使用

          stepMismatch - 表示元素值與step值是否不符,返回值true - 表示元素值與step值不符,false - 表示元素值與step值相符 該狀態(tài)配合step屬性使用

          customError - 自定義錯誤,配合setCustomValidity()方法使用,作用就是替換之前的判斷表達式,自定義錯誤提示信息setCustomValidity(自定義錯誤信息),一旦調用該方法,默認認為就是錯的,上述所有的有效狀態(tài)返回錯誤值 驗證正確時,調用該方法,將錯誤信息置為空


          TML5開發(fā)技術試題


          1、新的 HTML5 全局屬性,"contenteditable" 用于:

          2、哪一個不是HTML5新增的語義化標記元素_______。

          3、在XHTML文檔中,()是一個必要的元素,他決定了網頁文檔的顯示規(guī)則。

          4、HTML5中不再支持下面哪個元素?

          5、在 HTML5 中,哪個屬性用于規(guī)定輸入字段是必填的?

          6、以下標簽不是負責組織HTML文檔基本結構的是?

          7、HTML5中將DOCTYPE分為幾種

          8、編寫manifest文件分為幾個部分:

          9、在HTML5中,哪個元素用于組合標題元素?

          10、用來標示有序列表的標簽是_____

          11、在HTML5中可以省略全部標記的元素是

          12、配置manifest文件,IIS的配置方法是在網站屬性的http頭標簽中找到MIME類型添加關聯擴展名manifest內容類型輸入

          13、編寫manifest文件中的注釋是:

          14、以下哪項不屬于Html5中input標簽新增的輸入類型()。

          15、1982年,()創(chuàng)造了HTML語言。

          16、下列哪項不是HTML5的新特性

          17、離線應用中,manifest文件放在網頁文件的哪個標記后面

          18、以下哪個不是HTML5中a元素的屬性_______。

          19、下列不是html5主要功能的是

          20、context.arc()方法用于繪制圓形,一般其中的第幾個參數決定圓形的半徑

          21、根據現有的標準,把HTML5的元素按優(yōu)先等級定義為

          22、input屬性中HTML5新增哪些屬性?

          23、以下哪些屬性是原HTML4中適應元素為body的,而現被HTML5廢除并使用CSS樣式表所替代

          24、HTML5中新增哪些form屬性

          25、HTML5的設計理念包括

          26、HTML5提供了一些專門用于實現頁面架構的元素,以下說法不正確的是

          27、HTML5中的nav元素用于

          28、Canvas圖形,需要在正中間的位置填充線性漸變色,使用addColorStop(X,"\#0000ff"); 其中X的值是多少?

          29、在HTML5中,下列那個元素不允許寫結束標記________。

          30、HTML中新增的output元素用于

          31、HTML5中的()元素用于定義頁面中的標題區(qū)域

          32、Canvas繪制線條時用下面哪個方法設置起點坐標:

          33、下列字符格式標簽中IE瀏覽器不支持的是________。

          34、下面哪個標簽是HTML5支持的

          35、以下哪個是HTML5新增的表單元素

          36、cxt.arc(100,100,100,0,Math.PI*2,true) Canvas繪制圓形的arc方法中,參數說明正確的是:

          37、以下哪項不是HTML5新增的form元素?

          38、下面哪個標簽在HTML5中已被移除

          39、HTML5中的()元素用于定義頁面中一個內容區(qū)域。

          40、通過 CSS3的()屬性,我們能夠創(chuàng)建動畫,這可以在許多網頁中取代動畫圖片、Flash 動畫以及 JavaScript。

          41、以下哪個不是HTML5中元素的屬性()。

          42、標簽《b》的作用 ( )

          43、Canvas 用于填充顏色的屬性是:

          44、創(chuàng)建Range用的是哪個方法:

          45、HTML5中form的屬性autocomplete表示

          46、HTML的屬性有____

          47、下列屬于H5元素的行內語義性元素的

          48、以下是HTML5中引入的新的標記元素的類別是________。

          49、以下哪些是HTML5新增的功能元素?

          50、nav元素可以用于以下哪些場合_____

          51、在HTML5中,哪個元素用于組合標題元素?

          52、以下哪項不屬于Html5中input標簽新增的輸入類型()。

          53、HTML5中將DOCTYPE分為幾種

          54、在 HTML5 中,哪個屬性用于規(guī)定輸入字段是必填的?

          55、下列哪項不是HTML5的新特性

          56、哪一個不是HTML5新增的語義化標記元素_______。

          57、下列不是html5主要功能的是

          58、編寫manifest文件分為幾個部分:

          59、新的 HTML5 全局屬性,"contenteditable" 用于:

          60、1982年,()創(chuàng)造了HTML語言。


          財會法規(guī)與職業(yè)道德試題

          1、下列各項中,可以依照《會計法》和國家統(tǒng)一的會計制度制定本系統(tǒng)內實施國家統(tǒng)一的會計制度的具體辦法,并報國務院財政部門備案的是( )。

          2、下列不屬于支付結算應當堅持的原則是( )。

          3、會計人員端正態(tài)度、依法辦事,在處理涉及各方利益的會計事務時,不為他人所左右,不因個人好惡而取舍,實事求是,不偏不倚,保持應有的獨立性,這是會計職業(yè)道德中( )的要求。

          4、某畫家8月份將其精選的書畫作品交由某出版社出版,從出版社取得報酬10萬元。該筆報酬在繳納個人所得稅時適用的稅目是( )。

          5、下列各項中,屬于個人所得稅居民納稅人的是( )。

          6、稅務代理人是指具有進行稅務代理的相關知識、經驗和能力,具有稅務代理資格,經( )及省、自治區(qū)、直轄市國稅局批準,從事稅務代理的專門人員及其工作機構。

          7、在不可預見的緊急情況發(fā)生時,對于不能從其他供應商處采購的貨物或服務,可以采用的采購方式是( )。

          8、信用卡持卡人非現金交易享受免息還款期,免息還款期最長為( )。

          9、所謂( ),是指無權人假冒他人或虛構人名義簽章的行為。

          10、標志著我國政府采購制度改革試點工作結束,全國政府采購工作步入新的發(fā)展時期的法律法規(guī)是( )。

          11、下列關于政府采購的說法不正確的是( )。

          12、根據《政府采購法》的規(guī)定,對于具有特殊性,只能從有限范圍的供應商處采購的貨物,其適用的政府采購方式是(  )。

          13、營業(yè)稅的計稅依據是( )。

          14、下列各項中,允許納稅人在計算增值稅時,將外購固定資產折舊部分扣除的增值稅類型是( )。

          15、按照稅收的征收權限和收入支配權限分類,可以將我國稅種分為中央稅、地方稅和中央地方共享稅。下列各項中,屬于地方稅的是( )。

          16、根據我國金融法律制度的規(guī)定,下列各項中,可以用于辦理存款人借款轉存、借款歸還和其他結算的資金收付的是( )。

          17、《企業(yè)內部控制基本規(guī)范》是由(  )根據《中華人民共和國公司法》、《中華人民共和國證券法》《中華人民共和國會計法》和其他相關法律法規(guī)制定的。

          18、某大學于教授受某企業(yè)邀請,為該企業(yè)中層干部進行管理培訓講座,從企業(yè)取得報酬5000元。該筆報酬在繳納個人所得稅時適用的稅目是( )。

          19、下列各項中,不屬于銀行的是( )。

          20、下列各項中,屬于會計部門規(guī)章的是(  )。

          21、會計職業(yè)道德是指( )的職業(yè)行為準則和規(guī)范。

          22、銀行結算賬戶按用途的不同分為( )。

          23、下列各項中,屬于稅務代理的特點的有( )。

          24、下列說法中,正確的有( )。

          25、國家統(tǒng)一的會計制度,包括的內容主要有(  )。

          26、會計職業(yè)道德自我教育的方法包括( )。

          27、現行消費稅的征稅范圍中,采用復合計征方法的有( )。

          28、按照主權國家行使稅收管轄權的不同,可將稅法分為( )。

          29、票據出票的大寫日期未按要求規(guī)范填寫的,( )。

          30、會計資料是在會計核算過程中形成的、記錄和反映實際發(fā)生的經濟業(yè)務事項的資料,包括(  )。

          31、下列各項中,屬于增值稅納稅人的有( )。

          32、會計職業(yè)道德規(guī)范中的強化服務,是要求會計人員具有( )。

          33、會計職業(yè)道德評價的方法主要通過( )來進行。

          34、會計職業(yè)道德教育形式的自我教育是會計人員( )的行為活動。

          35、各部門、各單位編制年度預算草案的依據有( )。

          36、下列存款人中,不可以申請開立基本存款賬戶的是( )。

          37、我國境內的外商投資企業(yè),會計記錄文字應符合(  )的規(guī)定。

          38、培養(yǎng)會計人員的職業(yè)道德品質,要從會計道德認識、情操、意志、信念和習慣等方面進行,這決定了會計職業(yè)道德教育具有的( )。

          39、下列人員中,不可能成為打擊報復會計人員罪主體的有(  )。

          40、會計檔案保管期限分為永久和定期兩類。下列屬于企業(yè)永久性保管的會計檔案是( )。

          41、下列各項中,不屬于行業(yè)發(fā)票的有( )。

          42、是會計職業(yè)道德的最高階段,也是職業(yè)道德建設的最終目標。

          43、我國《公民道德建設實施綱要》提出了職業(yè)道德的基本內容,其中,職業(yè)道德的基礎是( )。

          44、以下情況符合發(fā)票的開具要求的情況是( )。

          45、我國政府采購的執(zhí)行模式為( )。

          46、中國人民銀行各分行可根據統(tǒng)一的支付結算制度,制定單項支付結算辦法,報( )批準后執(zhí)行。

          47、根據金融法律制度的規(guī)定,存款人辦理日常轉賬結算和現金收付的銀行結算賬戶是( )。

          48、出票人簽發(fā)空頭支票,持票人有權要求出票人賠償支票金額( )的賠償金。

          49、下列關于銀行結算賬戶管理應當遵守的基本原則的說法中,錯誤的是( )。

          50、下列各項中,按從價從量復合計征消費稅的是( )。

          51、建立激勵機制,對會計人員遵守職業(yè)道德情況進行考核和獎懲的主要依據是( )。

          52、支付結算必須通過( )批準的金融機構進行。

          53、下列各項中,屬于出納人員不得從事的工作是( )。

          54、在會計職業(yè)道德的主要內容中,( )體現了做人的基本準則,也是公民道德規(guī)范的主要內容。

          55、依法建賬是會計核算中的最基本要求之一。這里所說的"依法建賬"的"法"是指(  )。

          56、會計職業(yè)道德自我教育的方法包括( )。

          57、根據企業(yè)所得稅法律制度的有關規(guī)定,下列各項中,在計算企業(yè)所得稅應納稅所得額時,不得扣除的有( )。

          58、支票中可以通過授權補記的方式記載的事項有( )。

          59、預算監(jiān)督主體有( )。

          60、201X年5月,某省級財政部門在對ABC會計師事務所進行檢查時,發(fā)現下述情況:股東張某2003年取得注冊會計師證書,后調入某企業(yè)工作,20X6年加入ABC會計師事務所從事審計業(yè)務。 根據以上情況,下列說法中正確的有()。

          學目標:

          1. 理解前端開發(fā)的基本概念和原理。

          - 前端開發(fā)的定義和作用

          - 前端開發(fā)的基本工具和環(huán)境

          - 前端開發(fā)的職責和要求

          2. 掌握HTML5標記語言的基本語法、元素和屬性。

          - HTML5的發(fā)展歷程和版本

          - HTML5文檔結構和基本語法規(guī)范

          - HTML5常用的文本標記、圖像標記、表格標記等

          - HTML5的表單元素和相關屬性

          3. 掌握CSS3的基本語法、選擇器和常用樣式屬性。

          - CSS3的發(fā)展歷程和版本

          - CSS3的基本語法和選擇器

          - CSS3的盒模型、布局和浮動

          - CSS3的文本樣式、背景樣式和過渡動畫

          it學習

          4. 理解JavaScript的基本語法、數據類型、條件語句和循環(huán)結構。

          - JavaScript的基本語法和變量定義

          - JavaScript的數據類型和類型轉換

          - JavaScript的條件語句和邏輯運算

          - JavaScript的循環(huán)結構和數組操作

          5. 掌握DOM操作,能夠使用JavaScript操作HTML文檔中的元素。

          - DOM的概念和基本原理

          - 使用JavaScript獲取和操作HTML元素

          - 使用JavaScript創(chuàng)建、修改和刪除HTML元素

          - DOM事件的處理和綁定

          6. 理解響應式設計的概念和基本原理。

          - 響應式設計的定義和作用

          - 使用媒體查詢實現頁面布局的適應性

          - 使用流式布局和彈性盒子布局實現頁面適配

          - 使用響應式圖片等技術提升頁面響應性

          軟件開發(fā)

          大綱精細化教學設計:

          第一部分:前端開發(fā)基礎

          1. 前端開發(fā)概述

          1.1 什么是前端開發(fā)

          1.2 前端開發(fā)的歷史和發(fā)展趨勢

          1.3 前端開發(fā)的基本工具和環(huán)境

          2. HTML5基礎

          2.1 HTML5的簡介和發(fā)展歷程

          2.2 HTML5的文檔結構和基本語法規(guī)范

          2.3 HTML5常用的文本標記、圖像標記、鏈接標記等

          2.4 HTML5的表單元素和相關屬性

          3. CSS3基礎

          3.1 CSS3的簡介和發(fā)展歷程

          3.2 CSS3的基本語法和選擇器

          3.3 CSS3的盒模型、布局和浮動

          3.4 CSS3的文本樣式、背景樣式和過渡動畫

          4. JavaScript基礎

          4.1 JavaScript的簡介和發(fā)展歷程

          4.2 JavaScript的基本語法和變量定義

          4.3 JavaScript的數據類型和類型轉換

          4.4 JavaScript的條件語句和邏輯運算

          4.5 JavaScript的循環(huán)結構和數組操作

          小程序開發(fā)

          第二部分:網頁交互與動態(tài)效果

          1. DOM操作

          1.1 DOM的概念和基本原理

          1.2 使用JavaScript獲取和操作HTML元素

          1.3 使用JavaScript創(chuàng)建、修改和刪除HTML元素

          1.4 DOM事件的處理和綁定

          2. 事件處理與表單驗證

          2.1 常見的DOM事件類型和觸發(fā)條件

          2.2 使用JavaScript處理交互事件

          2.3 表單驗證的基本原理和實現方法

          3. Ajax與數據交互

          3.1 Ajax的簡介和發(fā)展歷程

          3.2 使用JavaScript發(fā)送異步請求

          3.3 處理服務器返回的數據

          第三部分:響應式設計與跨平臺開發(fā)

          1. 響應式設計概述

          1.1 響應式設計的定義和作用

          1.2 媒體查詢的基本語法和常用屬性

          1.3 使用響應式設計實現網頁適配

          2. 移動端開發(fā)概述

          2.1 移動端開發(fā)的特點和挑戰(zhàn)

          2.2 使用CSS3實現移動端樣式效果

          2.3 使用JavaScript處理移動端交互

          3. 跨平臺開發(fā)基礎

          3.1 常見的跨平臺開發(fā)技術和框架

          3.2 使用跨平臺開發(fā)工具搭建應用

          3.3 測試和發(fā)布跨平臺應用

          通過以上的教學目標和大綱精細化教學設計,學習者將能夠全面掌握前端開發(fā)所需的HTML5、CSS3和JavaScript的基礎知識,并能夠應用所學知識實現網頁交互和動態(tài)效果,以及具備響應式設計和跨平臺開發(fā)的能力。


          主站蜘蛛池模板: 日韩成人无码一区二区三区| 亚洲一区二区三区高清视频| 一区二区精品在线| 亚洲Av高清一区二区三区| 国产91精品一区| 亚洲大尺度无码无码专线一区 | 亚洲日韩一区二区一无码| 精品人妻一区二区三区毛片| 亚洲av乱码中文一区二区三区| 久草新视频一区二区三区| 国产激情无码一区二区三区 | 亚洲AV永久无码精品一区二区国产| 97久久精品一区二区三区| 亚洲乱色熟女一区二区三区丝袜 | 国产伦精品一区二区三区无广告| 中文字幕一区二区三区久久网站| 国产乱码精品一区二区三区中文 | 国产激情з∠视频一区二区| 中文字幕在线观看一区二区三区| 国产乱子伦一区二区三区| 午夜爽爽性刺激一区二区视频| 少妇无码一区二区三区免费| 久久久久成人精品一区二区| 久久一区二区三区免费播放| 久久se精品一区二区| 国产人妖视频一区二区| 亚洲AV无码第一区二区三区| 国产精品毛片VA一区二区三区 | 日韩精品一区二区三区中文精品| 久久久91精品国产一区二区| 久久久久人妻一区二区三区vr| 精品三级AV无码一区| 91福利国产在线观一区二区| 3D动漫精品啪啪一区二区下载| 麻豆AV无码精品一区二区| 久久蜜桃精品一区二区三区| 白丝爆浆18禁一区二区三区| 亚洲日本中文字幕一区二区三区 | 一区二区三区中文| 精品国产一区二区三区在线观看 | 成人区精品人妻一区二区不卡 |