首頁 > web前端 > 前端問答 > input在html5中表示什麼

input在html5中表示什麼

青灯夜游
發布: 2022-03-15 16:49:38
原創
2220 人瀏覽過

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在html5中表示什麼

############ ###
生日 (日期和时间): <input type="datetime" name="bdaytime">
登入後複製
############推薦教學:《###html影片教學###》###

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板