表單基礎4

2021-06-27 13:54:45 字數 1619 閱讀 5107

用css配置表單樣式

1.用css框模型建立一系列框。示例:css**如下:

#myform

label

input,textarea

#mysubmit

html**如下,使用div組織表單控制項:

html5文字框表單控制項

1.e-mail表單控制項接收電郵位址,為設定type="email"即可配置e-mail位址表單。比如"[email protected]",只有支援html5的瀏覽器才能驗證使用者輸入的是不是電郵位址。示例:

e-mail:

2.url表單控制項作用是接收url或uri,為設定type="url"即可配置url表單。

3.搜尋詞輸入表單控制項作用是接收搜尋詞,有利於搜尋引擎搜尋。為設定type="search"即可。

html5的datalist元素

1.datalist元素使得文字框的值不僅可以輸入,還可以從列表中選擇。

2.datalist用3個元素配置:乙個input元素,乙個datalist元素以及乙個或多個option元素。**示例:

select color:

注意:input元素的list屬性值和datalist的id屬性值相同,這將文字框和datalist控制項關聯。

html5的slider控制項和spinner控制項

1.slider控制項提供直觀的互動式介面來接收數值資訊,顯示滑塊,不支援的瀏覽器將顯示成文字框。缺點是不直接向使用者顯示值。為指定type="range"即可配置slider控制項。

2.spinner控制項提供直觀的互動式介面接收數值資訊,並向使用者提供反饋。為指定type="number"即可配置乙個spinner控制項。

slider,spinner和date/time表單控制項附加屬性

屬性名稱

屬性值用法

max最大值

html5屬性,指定最大值

min最小值

html5屬性,指定最小值

step

最小調整單位

html5屬性,指定每次調整的最小間隔

html5日期和時間控制項

1.html5提供多種日期和時間表單控制項來接收日期和時間資訊。為的type屬性指定不同的值,即可配置乙個日期或時間控制項。這些屬性值如下:

type屬性值

用途格式

date

日期yyyy-mm-dd

datetime

日期和時間,加上時區資訊

yyyy-mm-ddthh:mm:ss-##:##z

datetime-local

日期和時間,無時區資訊

yyyy-mm-ddthh:mm:ss

time

時間,無時區資訊

hh:mm:ss

month

年月yyyy-mm

week

年周yyyy-w##,其中##代表一年中的第多少周

HTML基礎知識Day4 表單

表單的基本語法 method opst get action result.html type text name 使用者名稱 p type password name 密碼 p type subimt name 提交 value 提交 type reset name 重置 value 重置 for...

JavaScript精簡學習4 表單

43 表單構成1 44 訪問表單中的文字框內容 1 4 check text field 45 動態複製文字框內容 1 5 copy text field 46 偵測文字框的變化1 47 訪問選中的select 1 8 check selection list 48 動態增加select項 1 7 ...

Flex4表單驗證

這裡主要講combox的驗證。其他幾個略帶說說。combox的as package oreilly.cookbook 在這裡我們進行兩個檢查 1.combobox中有沒有專案被選中 2.開發者有沒有為combobox加入自定義的專案 任何乙個條件為ture的話,則返回乙個錯誤 override pr...