html 表单控件
2015-03-18 11:10
676 查看
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
相关文章推荐
- ext 2.0 渲染HTML表单 (含中文版日期选单控件)
- 今天遇到一个问题,原来在html的form中如果只有一个type="text"的控件,如果在text中点击回车键,就是自动提交表单!
- HTML 表单控件的汇总
- html中表单使用post方式提交,为什么没有值? get方式可以得到控件的值
- HTML中禁用表单控件的两种方法readonly与disabled
- php处理HTML表单控件命名中的特殊符号
- PHP+JavaScript+HTML实现注册界面表单及日历控件
- 我教女朋友学编程Html系列(6)—Html常用表单控件
- HTML表单控件
- HTML原有的表单及表单控件(二)
- Asp.net提交HTML控件表单
- web学习—html标签—表单及其控件(一)
- HTML学习4----表单控件
- 使用css美化html表单控件详细示例(表单美化)
- 一起学asp.net基础文章二 服务器控件、客户端控件和html表单控件
- 一起学asp.net基础文章二 服务器控件、客户端控件和html表单控件
- html表单控件--锁定
- web学习—html标签—表单及其控件(三)
- HTML ——表单标记(html控件)
- HTML表单控件