表單的定義：
（此章認(rèn)識一波input,有個(gè)初印象洁段，打點(diǎn)兒基礎(chǔ)秃殉，課三深造）
定義了一個(gè)區(qū)域识埋，可以和用戶交互的區(qū)域，也可以用來向web服務(wù)器提交信息唧席！一般用來做登陸注冊搜索的功能２炼堋！淌哟！
form表單的屬性：
屬性：
action：一個(gè)處理這個(gè)form信息的程序所在的URL 規(guī)定向何處發(fā)送表單 （接受數(shù)據(jù)的地址）
method：提交表單的方式
post: 表單數(shù)據(jù)會包含在表單體內(nèi)然后發(fā)送給服務(wù)器. 這種只是相對get方式安全一些厌衙，但是其
實(shí)一點(diǎn)也不安全！更安全的別想著靠個(gè)屬性值就能實(shí)現(xiàn)了绞绒，知識的海洋那么大婶希，慢慢兒游把~
get: 表單數(shù)據(jù)會附加在action屬性的URI中，并以 ‘?’ 作為分隔符, 然后這樣得到的URI再
發(fā)送給服務(wù)器. 當(dāng)這樣做（數(shù)據(jù)暴露在URI里面）
target：指示在提交表單之后蓬衡，在哪里顯示收到的回復(fù)_self默認(rèn)_blank在新窗口打開
name: 這個(gè)form的名字喻杈。HTML5中，一個(gè)文檔中的多個(gè)form當(dāng)中狰晚，name必須唯一而不僅
僅是一個(gè)空字符串筒饰。
表單元素/交互控件：
為基于
Web的表單創(chuàng)建交互式控件，以便接受來自用戶的數(shù)據(jù)壁晒。大部分用input標(biāo)簽來定義
表單元素瓷们！決定表單元素的類型的取決于type屬性！
可用的類型如下所示：
文本框：
type表單控件的類型
name與表單數(shù)據(jù)一起提交的控件的名稱秒咐。
value控件的初始值谬晕。該屬性是可選的，除非type屬性的值為radio或checkbox携取。
placeholder向用戶提示可以在控件中輸入的內(nèi)容攒钳。占位符文本不得包含回車符或換行符。
<input type='' name='' value='' placeholder=''>
密碼框：
password：其值被遮蔽的單行文本字段
<input type='password' name='password' value='' placeholder=''>
radio 單選按鈕
radio：一個(gè)單選按鈕雷滋，允許從多個(gè)選項(xiàng)中選擇一個(gè)值不撑。 要注意name值必須要相同的
<form>
<input type='radio' name='sex' value='' id='man'><label for='man'></l
abel>
<input type='radio' name='sex' value=''>
<input type='radio' name='sex' value=''>
</form>
label 關(guān)聯(lián)（重要）
通常關(guān)聯(lián)一個(gè)控件文兢，或者是將控件放置在label元素內(nèi)，或者是用作其屬性焕檬。
checkbox 多選按鈕
checkbox：允許選擇/取消選擇單個(gè)值的復(fù)選框姆坚。
可能屬性
checked 默認(rèn)選中一項(xiàng)目
disabled 禁用某項(xiàng)
提交按鈕
submit：提交表單的按鈕。
重置按鈕
reset：一個(gè)按鈕实愚，將表格的內(nèi)容重置為默認(rèn)值兼呵。
上傳按鈕
file：讓用戶選擇文件的控件。（真正文件上傳效果沒那么簡單爆侣，請課程三深造）
<input type="file" >
隱藏
hidden：未顯示但其值已提交給服務(wù)器的控件萍程。（不想用戶看到的暗中數(shù)據(jù)交互）
圖片控件
image：一個(gè)圖形提交按鈕幢妄。您必須使用src屬性來定義圖像的來源兔仰，并使用alt屬性來定義
替代文字。您可以使用高度和寬度屬性以像素為單位定義圖像的大小蕉鸳。（然而現(xiàn)現(xiàn)在基本
也不使用）
<input type='image' src='' name='' width='' height='' border='' >
--------------------------------------非input控件-------------------------------
textareas 文本域
表示一個(gè)多行純文本編輯控制乎赴。
<textarea name="textarea"rows="10" cols="50">Write something
here</textar
ea>
- rows屬性定義 高度
- cols屬性定義 寬度
- resize 調(diào)整尺寸樣式屬性 none/vertical/horizontal
select下拉選框
可選樣式：
size 默認(rèn)顯示幾行
option 下拉選項(xiàng)
用于定義在 <select> 元素中包含的項(xiàng)。
可選樣式
disabled 禁用某項(xiàng)
selected 規(guī)定在select里面默認(rèn)展示項(xiàng)
Value 1
Value 2
Value 3
fieldset 給表單分組
通常用來對表單中的控制元素進(jìn)行分組,要寫在form元素里面潮尝。
legend
代表一個(gè)用于表示它的父元素 <fieldset> 的內(nèi)容的標(biāo)題榕吼。
表單偽類：
- :focus
表示獲得焦點(diǎn)的元素（如表單輸入）。
- focus 適用于所有能獲取焦點(diǎn)的元素
<input type="text" >
input:focus{
outline: red dashed 1px;
outline-offset: 5px;
}
css屏蔽輸入：
<input style="ime-mode: disabled">
disabled="true"此果文字會變成灰色勉失，不可編輯羹蚣。
readOnly="true"文字不會變色，也是不可編輯的
onfocus=this.blur()當(dāng)鼠標(biāo)放不上就離開焦點(diǎn)
<input type="text" name="input1" value="中國" onfocus=this.blur()>
有兩種方法
第一：disabled="disabled" 這樣定義之后被禁用的 input 元素既不可用乱凿，也不可點(diǎn)擊顽素。
第二：readonly="readonly" 只讀字段是不能修改的。不過徒蟆，用戶仍然可以使用 tab 鍵切換到該字段胁出，還可以選中或拷貝其文本；
input:enabled{width:;height:;}（粗略記憶）
/*選擇能被操作的input 可以輸入可以被用戶操作的input元素*/
<input type='text' />
input:disabled{width:;height:;}（粗略記憶）
/*選擇不能被操作的input*/
<input type='text' disabled='disabled' />
4段审、checked適用于 多選單選
input:checked + p{background:red;}（重點(diǎn)記憶）
/*選擇可以被選中的input 需要注意的是針對radio 和 checkbox */
<input type='checkbox' />
opacity（css3） 透明度
1全蝶、opacity 屬性設(shè)置元素的不透明級別
A 標(biāo)準(zhǔn)不透明度：opacity:0~1?
從 0（完全透明）
到 1（完全不透明）
opacity 寫法 取值0-1 兼容問題 ie8以下不識別
兼容ie8以下 ：使用IE 濾鏡（兼容IE下不支持opacity的版本）：
filter:alpha(opacity = 0~100)?
從 0（完全透明）
到 100（完全不透明）
2、opacity與rgba的區(qū)別 完全不一樣的概念 希望不要混淆
rgba是透明顏色寺枉，頂多控制一個(gè)元素的背景顏色抑淫，父透子不透
opacity是控制整個(gè)元素的透明程度，父透子也透
修改 input 編輯問題
1姥闪、disabled 屬性規(guī)定應(yīng)該禁用 input 元素丈冬，被禁用的 input 元素，不可編輯甘畅，不可復(fù)制埂蕊，不可選擇往弓，不能接收焦點(diǎn),后臺也不會接收到傳值。設(shè)置后文字的顏色會變成灰色蓄氧。disabled 屬性無法與 <input type="hidden"> 一起使用
ele.disabled = true; 禁用
ele.disabled = false; 關(guān)閉
2函似、readonly 屬性規(guī)定輸入字段為只讀可復(fù)制，但是喉童，用戶可以使用Tab鍵切換到該字段撇寞，可選擇,可以接收焦點(diǎn)，還可以選中或拷貝其文本堂氯。后臺會接收到傳值. readonly 屬性可以防止用戶對值進(jìn)行修改蔑担。
readonly 屬性可與 <input type="text"> 或 <input type="password"> 配合使用。
示例：<input type="text" readonly="readonly">
ele.readOnly = true; 禁用
ele.readOnly = false; 關(guān)閉
3咽白、readonly unselectable="on"該屬性跟 disable 類似啤握，input 元素，不可編輯晶框，不可復(fù)制排抬，不可選擇，不能接收焦點(diǎn)授段，設(shè)置后文字的顏色也會變成灰色蹲蒲，但是后臺可以接收到傳值。
<input type="text" readonly unselectable="on" >
