溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

input在html5中指的是什么

發(fā)布時間:2022-03-15 17:05:41 來源:億速云 閱讀:134 作者:iii 欄目:web開發(fā)

這篇文章主要講解了“input在html5中指的是什么”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“input在html5中指的是什么”吧!

input在html5中表示“輸入框”,規(guī)定了用戶可以在其中輸入數(shù)據(jù)的輸入字段;根據(jù)input中type屬性的不同,輸入字段有多種形態(tài),可以是文本字段、復(fù)選框、密碼字段、單選按鈕、按鈕等等。

本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

input在html5中表示“輸入框”。

<input> 標(biāo)簽規(guī)定了用戶可以在其中輸入數(shù)據(jù)的輸入字段。

<input> 元素在 <form> 元素中使用,用來聲明允許用戶輸入數(shù)據(jù)的 input 控件。

語法:

<input type="類型值" />

根據(jù)不同的 type 屬性,輸入字段有多種形態(tài)。輸入字段可以是文本字段、復(fù)選框、密碼字段、單選按鈕、按鈕等等。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<input placeholder="文本,字母,數(shù)字等都可輸入"/><br /><br />
		<input type="number" placeholder="只能輸入數(shù)字"/>
	</body>
</html>

input在html5中指的是什么

input 元素的類型--type 屬性可以設(shè)置的值

描述
button定義可點(diǎn)擊的按鈕(通常與 JavaScript 一起使用來啟動腳本)。
checkbox定義復(fù)選框。
color定義拾色器。
date定義 date 控件(包括年、月、日,不包括時間)。
datetime定義 date 和 time 控件(包括年、月、日、時、分、秒、幾分之一秒,基于 UTC 時區(qū))。
datetime-local定義 date 和 time 控件(包括年、月、日、時、分、秒、幾分之一秒,不帶時區(qū))。
email定義用于 e-mail 地址的字段。
file定義文件選擇字段和 "瀏覽..." 按鈕,供文件上傳。
hidden定義隱藏輸入字段。
image定義圖像作為提交按鈕。
month定義 month 和 year 控件(不帶時區(qū))。
number定義用于輸入數(shù)字的字段。
password定義密碼字段(字段中的字符會被遮蔽)。
radio定義單選按鈕。
range定義用于精確值不重要的輸入數(shù)字的控件(比如 slider 控件)。
reset定義重置按鈕(重置所有的表單值為默認(rèn)值)。
search定義用于輸入搜索字符串的文本字段。
submit定義提交按鈕。
tel定義用于輸入電話號碼的字段。
text默認(rèn)。定義一個單行的文本字段(默認(rèn)寬度為 20 個字符)。
time定義用于輸入時間的控件(不帶時區(qū))。
url定義用于輸入 URL 的字段。
week定義 week 和 year 控件(不帶時區(qū))。

示例:

<input type="button" value="點(diǎn)我">

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">

input在html5中指的是什么

感謝各位的閱讀,以上就是“input在html5中指的是什么”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對input在html5中指的是什么這一問題有了更深刻的體會,具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云,小編將為大家推送更多相關(guān)知識點(diǎn)的文章,歡迎關(guān)注!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI