【公司建設(shè)網(wǎng)】
重置和提交
如果瀏覽者想清除輸入到表單中的全部?jī)?nèi)容,可以使用<input>元置(reset)按鈕,以省去在重新輸入前,一項(xiàng)一項(xiàng)刪除的麻煩;當(dāng)瀏想要發(fā)送時(shí),可使用<input>元素的type屬性設(shè)置的提交(submit)按屬性中的網(wǎng)址或函件信箱;如果瀏覽者想制作一個(gè)普通的按鈕,可使用<input>元素的type屬性設(shè)置普通( button)按鈕。三種按鈕的格式為:
<input type=’’reset’’value=’’按鈕名’’>
<input type=’’submit" value=’’按鈕名’’>
<input type=’'button’’value=’’按鈕名’’>
當(dāng)省略value的設(shè)置值時(shí),重置和提交的按鈕分別顯示為“重置”和“提交”。
3.復(fù)選框和單選鈕
在頁(yè)面中有些地方需要列出幾個(gè)項(xiàng)目,讓瀏覽者通過選擇鈕來選擇項(xiàng)目。選擇鈕可以是復(fù)選框( checkbox)或單選鈕(radio)。用<input>元素的type屬性可設(shè)置選擇鈕的類型;value屬性可設(shè)置該選擇鈕的控制初值,用來告訴表單制作者選擇結(jié)果;用checked屬性表示是否為默認(rèn)選中項(xiàng);name屬性是控制名,同一組的選擇鈕的控制名是一樣的。復(fù)選框和單選鈕的格式為:
<input type=’’checkbox’’name=’’復(fù)選框名’’value-’’提交值’’>
<input type=..radio’’name=’’單選鈕名’’value-’’提交值’’>
4.電子郵件輸入框
當(dāng)用戶需要通過表單提交電子郵件信息時(shí),可以將<input>元素的type屬性設(shè)置為email類型,即設(shè)計(jì)用于包含email地址的輸入框。當(dāng)用戶提交表單時(shí),會(huì)自動(dòng)驗(yàn)證輸入email值的合法性。格式為:
<input type=”email”name=”電子郵件輸入框名”>
5.日期時(shí)間選擇器
HTML5提供了日期時(shí)間選擇器date pickers,擁有多個(gè)可供選取日期和時(shí)間的新型輸入文本框,類型如下。
date:選取日、月、年。
month:選取月、年。
week:選取周和年。
time:選取時(shí)間(小時(shí)和分鐘)。
datetime:選取時(shí)間日、月、年(UTC世界標(biāo)準(zhǔn)時(shí)間)。
datetime-local:選取時(shí)間日、月、年(本地時(shí)間)。
日期時(shí)間選擇器的語(yǔ)法格式為:
<input type=”選擇器類型”name=”選擇器名”>
6.URL輸入框
當(dāng)用戶需要通過表單提交網(wǎng)站的URL地址時(shí),可以將<input>元素的type屬性設(shè)置為url