html 表單控制項__html

form

表單，用於向其他頁面傳遞資料。

一個例子

<form action="form_action.asp" method="get">  <p>First name: <input type="text" name="fname" /></p>  <p>Last name: <input type="text" name="lname" /></p>  <input type="submit" value="Submit" /></form>

標籤屬性
action 規定當提交表單時向何處發送表單資料；
method 僅能為get或post。
name 此表單的名稱。
表單能夠包含 input 元素，比如文字欄位複選框、單選框、提交按鈕等等。

URL中“。”問號後面的參數會出現在Query String Parameters中；POST方法的form中的資料會出現在FormDara中。


input input，輸入，用於搜集使用者資訊。
標籤屬性
type 根據不同的 type 屬性值，輸入欄位擁有很多種形式。輸入欄位可以是 text文字欄位、 checkbox複選框、 password密碼、 radio選項按鈕、 button按鈕等等。

下拉式清單

<form><select name="cars"><option value="volvo">Volvo</option><option value="saab">Saab</option><option value="fiat">Fiat</option><option value="audi">Audi</option></select></form>

提交
<input type="submit" value="點我提交" />
checked 若值為“checked",規定此 input 元素首次載入時應當被選中。

placeholder

在input標籤增加placeholder屬性，即可增加輸入框的提示效果，見圖1.

onkeydown

在input標籤增加onkeydown屬性即可為輸入框綁定斷行符號事件,見圖1。

<input placeholder="試試你的名字^_^"  onkeydown='if(event.keyCode==13){fuzzyQuerybutton.click()} ' type="text" class="form-control" ng-model="fuzzyQueryName"></input><button id="fuzzyQuerybutton" class="btn btn-info" ng-click='fuzzyQuery(fuzzyQueryName)'>模糊搜尋</button> <!--placeholder與onkeydown，bootstrap部分與angularJS部分可忽略-->

圖1  placeholder與onkeydown