html5新增的元素之input元素

2021-08-27 07:40:28 字數 608 閱讀 8450

[size=x-small] 上一節介紹的

form attribute

[size=x-small]在chrome和opera瀏覽器中,畫面支援的不一致。

chrome瀏覽器:[/size]

[img]

[size=x-small]opera瀏覽器:[/size]

[img]

[size=x-small]我們可以看到,兩種瀏覽器對屬性的支援情況存在著差異,尤其是date,datetime上。

email專案:定義了placeholder="請輸入email",畫面上就有提示性的顯示

url專案:設定了autofocus屬性,初期載入時游標自動定位到該專案

number專案:設定了required屬性,為空時不能提交[/size]

[img]

[size=x-small]輸入不合法時,提示資訊:[/size]

[img]

[size=x-small]展開的日期控制項:[/size]

[img]

[size=x-small]本節簡單介紹幾個新增的元素,當然還有很多,比如color,是乙個顏色選擇器,選擇顏色作為輸入物件,大大方便了程式設計。接下來慢慢學習。[/size]

HTML5新增畫布元素canvas

canvas元素是乙個正常的html元素,相當於在頁面插入乙個畫布。在標記中設定寬 高屬性,在調整寬 高屬性後裡面的內容不會縮放。但是在css中指定這些屬性,在縮放畫布後,裡面內容也會縮放。預設情況下畫布是透明的,除非你在畫布上繪製了內容,否則是看不到它的。如果你想我證明畫布確實存在,就能看到乙個黑...

html5中新增元素

html5是html最新的修訂版本,由全球資訊網聯盟於2014年修訂完成.設計的目的是為了在移動裝置上支援多 的宣告必須位於html5文件中的第一行,使用起來非常簡單.html5新增了許多元素 比如 圖形的繪製,多 內容,更好的頁面結構,更好的形式 處理,和幾個api拖放元素,定位,包括網頁儲存等....

HTML5新增的canvas元素技能之四

5 利用canvas元素繪製動畫 在canvas畫布中製作動畫實際上就是不斷變化座標 擦除 重繪的過程 2 設定繪圖函式的方式一 通過不斷變換x,y的座標來實現 index1.html檔案中的 如下 index2.html檔案中把 canvas1.js 換成 canvas2.js 即可 canvas...