六月婷婷综合激情-六月婷婷综合-六月婷婷在线观看-六月婷婷在线-亚洲黄色在线网站-亚洲黄色在线观看网站

明輝手游網中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

HTML5 新的Input分類

發表時間：2023-09-11 來源：明輝站整理相關軟件相關文章人氣：

[摘要]這篇文章主要介紹了關于HTML5 新的Input類型，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下Inpute類型:color color類型用在input字段主要用于選取顏色，如下所示：<!DOCTYPE HTML><html><head>...
這篇文章主要介紹了關于HTML5 新的Input類型，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下

Inpute類型:color

color類型用在input字段主要用于選取顏色，如下所示：

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8" />
		<title>自選教程(如約智惠.com)</title>
		
	</head>
	<body > 
		<form action="demo-form.php">
			選擇你喜歡的顏色：
			<input type="color" name="favcolor"><br />
			<input type="submit">
		</form>
		
	</body>
</html>

Input類型：date

date類型允許你從一個日期選擇器選擇一個日期。

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8" />
		<title>自選教程(如約智惠.com)</title>
		
	</head>
	<body > 
		<form action="demo-form.php">
			生日：
			<input type="date" name="bday"><br />
			<input type="submit">
		</form>
		
	</body>
</html>

Input類型：datetime

datetime類型允許你選擇一個日期(UTC時間)

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8" />
		<title>自選教程(如約智惠.com)</title>
		
	</head>
	<body > 
		<form action="demo-form.php">
			生日(日期和時間)：
			<input type="datetime" name="bdaytime"><br />
			<input type="submit">
		</form>
		
	</body>
</html>

Input類型：datetime-local

datetime-local類型允許你選擇一個日期和時間(無時區)

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8" />
		<title>自選教程(如約智惠.com)</title>
		
	</head>
	<body > 
		<form action="demo-form.php">
			生日(日期和時間)：
			<input type="datetime-local" name="bdaytime"><br />
			<input type="submit">
		</form>
		
	</body>
</html>

Input類型：email

email類型用于應該包含e-mail地址的輸入域

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8" />
		<title>自選教程(如約智惠.com)</title>
		
	</head>
	<body > 
		<form action="demo-form.php">
			E-mail：
			<input type="email" name="usremail"><br />
			<input type="submit">
		</form>
		
	</body>
</html>

Input類型:month

month類型允許你選擇一個月份

生日 (月和年): <input type="month" name="bdaymonth">

Input 類型: number

number 類型用于應該包含數值的輸入域。

您還能夠設定對所接受的數字的限定：

定義一個數值輸入域(限定):

數量 ( 1 到 5 之間 ): <input type="number" name="quantity" min="1" max="5">

使用下面的屬性來規定對數字類型的限定：

屬性描述
disabled規定輸入字段是禁用的
max規定允許的最大值
maxlength規定輸入字段的最大字符長度
min規定允許的最小值
pattern規定用于驗證輸入字段的模式
readonly規定輸入字段的值無法修改
required規定輸入字段的值是必需的
size規定輸入字段中的可見字符數
step規定輸入字段的合法數字間隔
value規定輸入字段的默認值

Input 類型: range

range 類型用于應該包含一定范圍內數字值的輸入域。

range 類型顯示為滑動條。

定義一個不需要非常精確的數值（類似于滑塊控制）:

<input type="range" name="points" min="1" max="10">

請使用下面的屬性來規定對數字類型的限定：

  • max - 規定允許的最大值

  • min - 規定允許的最小值

  • step - 規定合法的數字間隔

  • value - 規定默認值

Input 類型: search

search 類型用于搜索域，比如站點搜索或 Google 搜索。

定義一個搜索字段 (類似站點搜索或者Google搜索):

Search Google: <input type="search" name="googlesearch">

Input 類型: tel

定義輸入電話號碼字段:

電話號碼: <input type="tel" name="usrtel">

Input 類型: time

time 類型允許你選擇一個時間。

定義可輸入時間控制器（無時區）：

選擇時間: <input type="time" name="usr_time">

Input 類型: url

url 類型用于應該包含 URL 地址的輸入域。

在提交表單時，會自動驗證 url 域的值。

定義輸入URL字段:

添加您的主頁: <input type="url" name="homepage">

提示: iPhone 中的 Safari 瀏覽器支持 url 輸入類型，并通過改變觸摸屏鍵盤來配合它（添加 .com 選項）。

Input 類型: week

week 類型允許你選擇周和年。

定義周和年 (無時區):

選擇周: <input type="week" name="week_year">

注意:并不是所有的主流瀏覽器都支持新的input類型，不過您已經可以在所有主流的瀏覽器中使用它們了。即使不被支持，仍然可以顯示為常規的文本域。

相關推薦：

讓IE支持HTML5的方法

HTML5離線應用與客戶端存儲的實現

以上就是HTML5 新的Input類型的詳細內容，更多請關注php中文網其它相關文章！


網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
主站蜘蛛池模板： 日本伊人色 | 色综合天天综合中文网 | 四虎影视在线观看 | 欧美性视频一区二区三区 | 亚洲自拍中文 | 深爱婷婷 | 四虎永久精品免费观看 | 色橹| 伊人久久大香线蕉综合热线 | 日本在线免费观看视频 | 天天想夜夜操 | 欧美一区二区三区在线可观看 | 日本一区二区在线播放 | 亚洲国产日韩在线观看 | 资源站在线| 亚洲综合久 | 午夜影院网页 | 天天干天天干天天操 | 日韩精品一区二区三区免费视频 | 欧美综合亚洲图片综合区 | 天天爽夜夜爽一区二区三区 | 日韩小视频在线 | 亚州人成网在线播放 | 欧美一级三级在线观看 | 中文字幕欧美在线 | 午夜视频免费 成人 | 日韩在线看片 | 日韩精品一区二区三区中文版 | 亚欧洲精品在线视频免费观看 | 亚洲第一伊人 | 三级中文有码中文字幕 | 日日夜夜拍 | 午夜在线播放视频 | 天堂最新资源在线 | 午夜视频在线免费 | 亚洲视频在线观看网站 | 亚洲 欧美 精品 | 伊人看片 | 伊人中文字幕 | 亚洲上最大成网人站4438 | 日本抠逼视频 |