form表單

form表單用于收集用戶的輸入,并將收集到的輸入組成Key:Value的形式發(fā)送到服務(wù)端

form

action定義提交表單的地址，method，定義提交表單的方法，有post和get兩種

<form action="/url" method="get">
    <botton>提交</botton>
</form>

input

• name屬性規(guī)定了input元素的名稱，用于對(duì)提交到服務(wù)器后的表單數(shù)據(jù)進(jìn)行標(biāo)識(shí),只有設(shè)置了name屬性的表單元素才能在提交表單時(shí)傳遞它們的值

<input type="text" name="" placeholder="">
定義用戶可輸入的單行輸入字段，placeholder的值是用以描述文字在輸入框中預(yù)提示用戶，該提示會(huì)在用戶輸入時(shí)消失

<input type="password" name="" value="">
定義密碼字段，在此輸入框中輸入的數(shù)據(jù)會(huì)顯示為星號(hào)或者圓點(diǎn)，value的值會(huì)預(yù)先顯示在輸入框中

<input type="hidden" name="" value="">
定義隱藏字段

<input type="file" accept="image/png">
定義上傳文件，文件類型為PNG格式

<input type="radio" name="" value="">
定義單選按鈕，不同的name值視為不同的單選組

<input type="checkbox" name="" value="">
定義多選按鈕

<input type="sumbit" name="sumbit">
定義提交按鈕，提交按鈕可以向服務(wù)器發(fā)送表單數(shù)據(jù)。

<input type="button" name="button">
定義可點(diǎn)擊按鈕，但是沒(méi)有任何行為，常用于在點(diǎn)擊按鈕是啟動(dòng)JavaScript程序

<input type="reset" name="reset">
定義重置按鈕，用于清空當(dāng)前的輸入

select

    <select>
     <option name="MyCar" value="BWM">寶馬</option> 
       <option name="MyCar" value="AUDI">奧迪</option>
     <option name="MyCar" value="saab" selected>薩博</option>         
    </select>

定義下拉菜單