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