新聞中心
為Web開發(fā)人員提供了詳細參考指南。以下是文章摘要:

嵐皋網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),嵐皋網(wǎng)站設(shè)計制作,有大型網(wǎng)站制作公司豐富經(jīng)驗。已為嵐皋上千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設(shè)要多少錢,請找那個售后服務(wù)好的嵐皋做網(wǎng)站的公司定做!
郵箱注冊表單
本教程演示如何使用HTML5創(chuàng)建既時尚又好用的郵箱注冊表單。引導(dǎo)大家一步一步創(chuàng)建占位符文本、表單域、郵箱+網(wǎng)絡(luò)+手機、日程選擇器等功能。有大部分的表單為了增強功能卻降低輸入框的標準。雖然在舊版本的瀏覽器中并不完全支持HTML5特性,但在教程中會演示如何解決和正確添加新功能。 【示例】
如何使用HTML5創(chuàng)建跨瀏覽器的表單
此教程屬于中等難度,演示如何創(chuàng)建一個具有滑動效果、數(shù)字微調(diào)、日期、顏色選取器、文本字段、提交按鈕的表單。使用工具:Webforms2、Modernizr、jQuery 【示例】
聯(lián)系表單
此教程屬于中等難度,演示如何創(chuàng)建一個干凈并時尚的聯(lián)系表單:姓名、郵箱、電話、下拉菜單查詢、消息和提交。除了使用HTML5以外,還使用了以下工具:JQuery,Modernizer,AJAX,PHP。
購物車表單
本教程教您如何使用先進的CSS和最新的CSS3技術(shù)打造漂亮的HTM5表單。示例是一個購物車表單,需要用戶填充自己的詳細資料,送貨地址和信用卡資料。 【示例】
花式表格:HTML5+CSS3—JS
Richard Bradshaw帶來了一個簡單的HTML5表格演示,演示中如何使用一些新的功能:輸入類型(郵件、URL、數(shù)量和范圍),偽類(有效、無效)和限制用戶提交表單等功能。HTML5表單添加了CSS3轉(zhuǎn)換和偽類,看起來更加漂亮和干凈 【示例】
聯(lián)系表單
本教程將演示如何創(chuàng)建自己的簡單時尚的聯(lián)系表單,如何使用HTML5的新功能。表單如何使用CSS3屬性風(fēng)格,就好比用Photoshop設(shè)計一樣,但無需使用任何圖片 【示例】
#p#
搜索框
本教程教您如何使用HTML5和CSS3設(shè)計搜索框。采用了三種不同的例子,并給出每個例子的源代碼。每個搜索框風(fēng)格不同,可以隨意從中選擇適合自己網(wǎng)站的。
登陸表單
本教程向您展示如何創(chuàng)建一個干凈簡潔的登錄表單。文中有代碼片段和手寫的注解,很容易看明白每個代碼的用途。
使用HTML5、CSS3和PHP創(chuàng)建聯(lián)系表單
本教程向您演示如何使用HTML5、CSS3和PHP創(chuàng)建一個干凈的登錄表單。一步一步教您如何設(shè)計表單,使用HTML5標記,CSS屬性和PHP功能【演示】
信封聯(lián)系表單
本教程演示如何制作不使用圖片的信封式聯(lián)系表。表單使用純HTML5結(jié)構(gòu)和特性,用CSS3屬性設(shè)計制定信封外觀,并且提供每一步的代碼【示例】
逐步提升使用HTML5制作表單技術(shù)
如何逐步提高HTML5和CSS技巧的教程。某些瀏覽器不支持HTML5特性,使用JavaScript代替。使用工具:Yepnope.js,Modernizr。
原文:http://speckyboy.com/2011/06/26/html5-and-css3-form-references-resources-and-tutorials/
本文題目:HTML5和CSS3表單示例和詳細教程匯總
文章地址:http://fisionsoft.com.cn/article/djsdhde.html


咨詢
建站咨詢
