真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

HTML輸入類型-3.3HTML表單

本章描述 元素的輸入類型。

公司主營(yíng)業(yè)務(wù):成都做網(wǎng)站、網(wǎng)站制作、移動(dòng)網(wǎng)站開(kāi)發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競(jìng)爭(zhēng)能力。創(chuàng)新互聯(lián)建站是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開(kāi)放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化,感謝他們對(duì)我們的高要求,感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn),讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。創(chuàng)新互聯(lián)建站推出沈北新免費(fèi)做網(wǎng)站回饋大家。

輸入類型:text

 定義供文本輸入的單行輸入字段:

實(shí)例
First name:

Last name:

以上 HTML 代碼在瀏覽器中看上去是這樣的:

First name:
 

Last name:
 
輸入類型:password

 定義密碼字段:

實(shí)例
User name:

User password:

以上 HTML 代碼在瀏覽器中看上去是這樣的:

User name:
 

User password:
 

注釋:password 字段中的字符會(huì)被做掩碼處理(顯示為星號(hào)或?qū)嵭膱A)。

輸入類型:submit

 定義提交表單數(shù)據(jù)至表單處理程序的按鈕。

表單處理程序(form-handler)通常是包含處理輸入數(shù)據(jù)的腳本的服務(wù)器頁(yè)面。

在表單的 action 屬性中規(guī)定表單處理程序(form-handler):

實(shí)例
First name:

Last name:


以上 HTML 代碼在瀏覽器中看上去是這樣的:

First name:
 

Last name:
 

 

如果您省略了提交按鈕的 value 屬性,那么該按鈕將獲得默認(rèn)文本:

實(shí)例
First name:

Last name:


Input Type: radio

定義單選按鈕。

Radio buttons let a user select ONLY ONE of a limited number of choices:

實(shí)例
Male
Female

以上 HTML 代碼在瀏覽器中看上去是這樣的:

Male 

Female
Input Type: checkbox

定義復(fù)選框。

復(fù)選框允許用戶在有限數(shù)量的選項(xiàng)中選擇零個(gè)或多個(gè)選項(xiàng)。

實(shí)例
I have a bike
I have a car

以上 HTML 代碼在瀏覽器中看上去是這樣的:

I have a bike 

I have a car
Input Type: button

以上 HTML 代碼在瀏覽器中看上去是這樣的:

HTML5 輸入類型

HTML5 增加了多個(gè)新的輸入類型:

colordatedatetimedatetime-localemailmonthnumberrangesearchteltimeurlweek

注釋:老式 web 瀏覽器不支持的輸入類型,會(huì)被視為輸入類型 text。

輸入類型:number

 用于應(yīng)該包含數(shù)字值的輸入字段。

您能夠?qū)?shù)字做出限制。

根據(jù)瀏覽器支持,限制可應(yīng)用到輸入字段。

實(shí)例
Quantity (between 1 and 5):
輸入限制

這里列出了一些常用的輸入限制(其中一些是 HTML5 中新增的):

屬性 描述 disabled 規(guī)定輸入字段應(yīng)該被禁用。 max 規(guī)定輸入字段的最大值。 maxlength 規(guī)定輸入字段的最大字符數(shù)。 min 規(guī)定輸入字段的最小值。 pattern 規(guī)定通過(guò)其檢查輸入值的正則表達(dá)式。 readonly 規(guī)定輸入字段為只讀(無(wú)法修改)。 required 規(guī)定輸入字段是必需的(必需填寫(xiě))。 size 規(guī)定輸入字段的寬度(以字符計(jì))。 step 規(guī)定輸入字段的合法數(shù)字間隔。 value 規(guī)定輸入字段的默認(rèn)值。

您將在下一章學(xué)到更多有關(guān)輸入限制的知識(shí)。

實(shí)例
Quantity:
輸入類型:date

 用于應(yīng)該包含日期的輸入字段。

根據(jù)瀏覽器支持,日期選擇器會(huì)出現(xiàn)輸入字段中。

實(shí)例
Birthday:

您可以向輸入添加限制:

實(shí)例
Enter a date before 1980-01-01:
Enter a date after 2000-01-01:
輸入類型:color

 用于應(yīng)該包含顏色的輸入字段。

根據(jù)瀏覽器支持,顏色選擇器會(huì)出現(xiàn)輸入字段中。

實(shí)例
Select your favorite color:
輸入類型:range

 用于應(yīng)該包含一定范圍內(nèi)的值的輸入字段。

根據(jù)瀏覽器支持,輸入字段能夠顯示為滑塊控件。

實(shí)例

您能夠使用如下屬性來(lái)規(guī)定限制:min、max、step、value。

輸入類型:month

 允許用戶選擇月份和年份。

根據(jù)瀏覽器支持,日期選擇器會(huì)出現(xiàn)輸入字段中。

實(shí)例
Birthday (month and year):
輸入類型:week

 允許用戶選擇周和年。

根據(jù)瀏覽器支持,日期選擇器會(huì)出現(xiàn)輸入字段中。

實(shí)例
Select a week:
輸入類型:time

 允許用戶選擇時(shí)間(無(wú)時(shí)區(qū))。

根據(jù)瀏覽器支持,時(shí)間選擇器會(huì)出現(xiàn)輸入字段中。

實(shí)例
Select a time:
輸入類型:datetime

 允許用戶選擇日期和時(shí)間(有時(shí)區(qū))。

根據(jù)瀏覽器支持,日期選擇器會(huì)出現(xiàn)輸入字段中。

實(shí)例
Birthday (date and time):
輸入類型:datetime-local

 允許用戶選擇日期和時(shí)間(無(wú)時(shí)區(qū))。

根據(jù)瀏覽器支持,日期選擇器會(huì)出現(xiàn)輸入字段中。

實(shí)例
Birthday (date and time):
輸入類型:email

 用于應(yīng)該包含電子郵件地址的輸入字段。

根據(jù)瀏覽器支持,能夠在被提交時(shí)自動(dòng)對(duì)電子郵件地址進(jìn)行驗(yàn)證。

某些智能手機(jī)會(huì)識(shí)別 email 類型,并在鍵盤(pán)增加 ".com" 以匹配電子郵件輸入。

實(shí)例
E-mail:
輸入類型:search

 用于搜索字段(搜索字段的表現(xiàn)類似常規(guī)文本字段)。

實(shí)例
Search Google:
輸入類型:tel

 用于應(yīng)該包含電話號(hào)碼的輸入字段。

目前只有 Safari 8 支持 tel 類型。

實(shí)例
Telephone:
輸入類型:url

 用于應(yīng)該包含 URL 地址的輸入字段。

根據(jù)瀏覽器支持,在提交時(shí)能夠自動(dòng)驗(yàn)證 url 字段。

某些智能手機(jī)識(shí)別 url 類型,并向鍵盤(pán)添加 ".com" 以匹配 url 輸入。

實(shí)例
Add your homepage:

新聞標(biāo)題:HTML輸入類型-3.3HTML表單
本文URL:http://weahome.cn/article/dghhdoj.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部