首頁 > 文章 > web前端 > input在html5中表示什麼

input在html5中表示什麼

青灯夜游原創: 2022-03-15 16:45:052137瀏覽

input在html5中表示“輸入框”，規定了使用者可以在其中輸入資料的輸入欄位；根據input中type屬性的不同，輸入欄位有多種形態，可以是文字欄位、複選框、密碼欄位、單選按鈕、按鈕等等。

input在html5中表示什麼

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

input在html5中表示「輸入框」。

標籤規定了使用者可以在其中輸入資料的輸入欄位。

元素在

元素中使用，用來宣告允許使用者輸入資料的 input 控制項。

語法：

<input type="类型值" />

根據不同的 type 屬性，輸入欄位有多種形態。輸入欄位可以是文字欄位、複選框、密碼欄位、單選按鈕、按鈕等等。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<input placeholder="文本,字母,数字等都可输入"/><br /><br />
		<input type="number" placeholder="只能输入数字"/>
	</body>
</html>

input在html5中表示什麼

input 元素的型別--type 屬性可以設定的值

值	描述
button	定義可點擊的按鈕（通常與JavaScript 一起使用來啟動腳本）。
checkbox	定義複選框。
color	定義拾色器。
date	定義 date 控制項（包含年、月、日，不包含時間）。
datetime	定義 date 和 time 控制項（包括年、月、日、時、分、秒、幾分之一秒，基於 UTC 時區）。
datetime-local	#定義date 和time 控制項（包括年、月、日、時、分、秒、幾分之一秒，不含時區）。
email	定義用於 e-mail 位址的欄位。
file	定義檔案選擇欄位和 "瀏覽..." 按鈕，供檔案上傳。
hidden	定義隱藏輸入欄位。
image	定義圖片作為提交按鈕。
month	定義 month 和 year 控制項（不含時區）。
number	定義用於輸入數字的欄位。
password	定義密碼欄位（欄位中的字元會被遮蔽）。
radio	定義單選按鈕。
range	定義用於精確值不重要的輸入數字的控制項（例如 slider 控制項）。
reset	定義重設按鈕（重設所有的表單值為預設值）。
search	定義用於輸入搜尋字串的文字欄位。
submit	定義提交按鈕。
tel	定義用於輸入電話號碼的欄位。
text	預設。定義一個單行的文字欄位（預設寬度為 20 個字元）。
time	定義用於輸入時間的控制項（不含時區）。
url	定義用於輸入 URL 的欄位。
week	定義 week 和 year 控制項（不含時區）。

範例：

<input type="button" value="点我">

input在html5中表示什麼

<input type="checkbox" name="vehicle[]" value="Bike"> 我有一辆自行车<br>
<input type="checkbox" name="vehicle[]" value="Car"> 我有一辆小轿车<br>
<input type="checkbox" name="vehicle[]" value="Boat"> 我有一艘船<br>

input在html5中表示什麼 ##

选择你喜欢的颜色: <input type="color" name="favcolor"><br>

input在html5中表示什麼

############ ###

生日 (日期和时间): <input type="datetime" name="bdaytime">

############推薦教學：《###html影片教學###》###

以上是input在html5中表示什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！

JavaScript html5 css3 html checkbox date mail 字符串 number input

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：embed是html5的新標籤嗎下一篇：embed是html5的新標籤嗎

看更多