开发者社区> yichudu> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

html 表单控件

简介: form 表单,用于向其他页面传递数据。 一个例子 <form action="form_action.asp" method="get"> <p>First name: <input type="text" name="fname" /></p> <p>Last name: <input type="text
+关注继续查看

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


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
HTML基础教程8——表单标签
表单用<form>标签表示,表单用于创建填写信息等,表单中的控件通过不同标签不同元素实现,<form>中最为主要的属性有action,其值一般为后端所提供的,是表单数据提交到后端的核心,还有method(提交方法),其值有get(默认)与post,get相对于post是不安全的,因为此方法会将信息暴露在浏览器中。
0 0
Web前端开发笔记——第二章 HTML语言 第八节 表单标签
Web前端开发笔记——第二章 HTML语言 第八节 表单标签
0 0
18、前端开发:HTML知识补充——表单标签
18、前端开发:HTML知识补充——表单标签
0 0
【网页前端】HTML基本语法之排版标签和表单标签(二)
【网页前端】HTML基本语法之排版标签和表单标签(二)
0 0
HTML基础——表单标签
表单标签是<form>标签 常用的表单元素标签有: <label>、<input>、 <textarea>、<select> 等标签
0 0
HTML之文本格式化、链接、头部、CSS(笔记小结)
HTML之文本格式化、链接、头部、CSS(笔记小结)
0 0
【前端】css布局html页面之inline-block布局错位解决方法
本篇文章中,主要讲讲前端布局的情况 对于,对于刚接触前端开发的小伙伴来说,布局是一个比较重要的知识点,如果知识点理解不到位,那么很容易出现布局错位的情况
0 0
通过DOM对HTML文档的元素内容和CSS样式进行操作
通过DOM对HTML文档的元素内容和CSS样式进行操作 通过前面的学习我们应该可以了解到,通过DOM我们可以操作HTMl文档中的任意的元素及属性,文本内容。其实实际工作中我们用到最多的是怎样通过DOM操作HTML文档中的CSS样式。 HTML代码: <button id="btn">切换</button> <div class="wrap" id="wrap" style="color: yellow;"> <p id="text" class="text">这是一个段落</p> <ul class="list">
0 0
前端三要素:HTML、CSS、JavaScript介绍以及三者的关系理解
前端三要素:HTML、CSS、JavaScript介绍以及三者的关系理解
0 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
《零基础HTML入门教程》
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载