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


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值