一、<input>是什么
它在HTML中代表一個元素(Element),多數(shù)用于表單的互交控件柏靶。
input在HTML中沒有閉合標(biāo)簽宣肚,單標(biāo)簽的"/"可以不寫。
二屿良、<input>屬性介紹
type屬性
<ol>
<li>type屬性有很多的可用值接下來看一下不同的值有什么不同的效果:text
首先type不寫值會怎么樣圈澈?
我們可以看到在type屬性沒有寫類型值得話,默認是文本輸入框尘惧,也就是"text"
</li>
<li>button
type值為button的話康栈,如同單詞一樣會出現(xiàn)按鈕,但是這個按鈕看起來有點變扭(沒有文字提示)
只要加上value屬性就可以賦值文字了喷橙,如圖
</li>
<li>checkbox(復(fù)選框);radio(單選)
type值為checkbox啥么,這時候input變成了復(fù)選框進行勾選,type后面的name屬性可以設(shè)置復(fù)選框的分組贰逾,此時性別(gender)為一組悬荣。再后面的value賦值多數(shù)用于提交信息。比如我選男疙剑,提交的信息就知道我選的是man氯迂。
添加checked屬性可以默認選到該選項践叠,如圖可以看到默認為男。
值為radio實現(xiàn)單選囚戚,注意設(shè)置name屬性值一樣的為一組酵熙,才能實現(xiàn)單選
</li>
<li>color
改變控件的顏色,value值設(shè)置顏色驰坊,但是圖中的red并沒有變成紅色匾二,再看下一張圖
用HEX格式表示才可以。用rgb也是不行的拳芙。
</li>
<li>date察藐,datetime-local
date
獲取控件年,月舟扎,日分飞。不包含時間
datetime-local
獲取控件年,月睹限,日譬猫,時間
</li>
<li>file
設(shè)置選擇文件的控件
</li>
<li>password
遮擋輸入的密碼
</li>
<li>reset
清除當(dāng)前表單(form)所有內(nèi)容恢復(fù)默認,點擊重置后羡疗,文本框中‘你好’清除染服,變成默認值
</li>
<li>submit
提交表單內(nèi)容
</li>
<li>url
輸入URL地址,如果輸入非法字符會提示你叨恨。
</li>
</ol>
accept屬性(配合type="file")
選擇文件類型
audio是選擇為全部音頻類型文件柳刮,
video選擇全部視頻類型文件,
image選擇全部圖片類型文件痒钝,
規(guī)定指定類型的文件秉颗,值為后綴擴展名,
指定MIME類型<a href="http://www.ruanyifeng.com/blog/2008/06/mime.html"target="_blank" >(MIME詳情點擊)</a>