這篇文章主要講解了“input在html5中指的是什么”,文中的講解內(nèi)容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“input在html5中指的是什么”吧!
成都創(chuàng)新互聯(lián)專注于隆昌企業(yè)網(wǎng)站建設(shè),成都響應式網(wǎng)站建設(shè),商城網(wǎng)站建設(shè)。隆昌網(wǎng)站建設(shè)公司,為隆昌等地區(qū)提供建站服務(wù)。全流程按需網(wǎng)站制作,專業(yè)設(shè)計,全程項目跟蹤,成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)
input在html5中表示“輸入框”,規(guī)定了用戶可以在其中輸入數(shù)據(jù)的輸入字段;根據(jù)input中type屬性的不同,輸入字段有多種形態(tài),可以是文本字段、復選框、密碼字段、單選按鈕、按鈕等等。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
input在html5中表示“輸入框”。
<input> 標簽規(guī)定了用戶可以在其中輸入數(shù)據(jù)的輸入字段。
<input> 元素在 <form> 元素中使用,用來聲明允許用戶輸入數(shù)據(jù)的 input 控件。
語法:
<input type="類型值" />
根據(jù)不同的 type 屬性,輸入字段有多種形態(tài)。輸入字段可以是文本字段、復選框、密碼字段、單選按鈕、按鈕等等。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <input placeholder="文本,字母,數(shù)字等都可輸入"/><br /><br /> <input type="number" placeholder="只能輸入數(shù)字"/> </body> </html>
input 元素的類型--type 屬性可以設(shè)置的值
值 | 描述 |
---|---|
button | 定義可點擊的按鈕(通常與 JavaScript 一起使用來啟動腳本)。 |
checkbox | 定義復選框。 |
color | 定義拾色器。 |
date | 定義 date 控件(包括年、月、日,不包括時間)。 |
datetime | 定義 date 和 time 控件(包括年、月、日、時、分、秒、幾分之一秒,基于 UTC 時區(qū))。 |
datetime-local | 定義 date 和 time 控件(包括年、月、日、時、分、秒、幾分之一秒,不帶時區(qū))。 |
定義用于 e-mail 地址的字段。 | |
file | 定義文件選擇字段和 "瀏覽..." 按鈕,供文件上傳。 |
hidden | 定義隱藏輸入字段。 |
image | 定義圖像作為提交按鈕。 |
month | 定義 month 和 year 控件(不帶時區(qū))。 |
number | 定義用于輸入數(shù)字的字段。 |
password | 定義密碼字段(字段中的字符會被遮蔽)。 |
radio | 定義單選按鈕。 |
range | 定義用于精確值不重要的輸入數(shù)字的控件(比如 slider 控件)。 |
reset | 定義重置按鈕(重置所有的表單值為默認值)。 |
search | 定義用于輸入搜索字符串的文本字段。 |
submit | 定義提交按鈕。 |
tel | 定義用于輸入電話號碼的字段。 |
text | 默認。定義一個單行的文本字段(默認寬度為 20 個字符)。 |
time | 定義用于輸入時間的控件(不帶時區(qū))。 |
url | 定義用于輸入 URL 的字段。 |
week | 定義 week 和 year 控件(不帶時區(qū))。 |
示例:
<input type="button" value="點我">
<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 type="color" name="favcolor"><br>
生日 (日期和時間): <input type="datetime" name="bdaytime">
感謝各位的閱讀,以上就是“input在html5中指的是什么”的內(nèi)容了,經(jīng)過本文的學習后,相信大家對input在html5中指的是什么這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識點的文章,歡迎關(guān)注!
分享文章:input在html5中指的是什么
本文網(wǎng)址:http://www.rwnh.cn/article12/jgjpdc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供面包屑導航、網(wǎng)站制作、網(wǎng)站維護、全網(wǎng)營銷推廣、外貿(mào)網(wǎng)站建設(shè)、自適應網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)