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="试试你的名字^_^" οnkeydοwn='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