HTML表单元素有哪些,含义是什么

Admin 2022-11-23 群英技术资讯 278 次浏览

这篇文章主要介绍“HTML表单元素有哪些,含义是什么”的相关知识,下面会通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML表单元素有哪些,含义是什么”文章能帮助大家解决问题。

HTML 表单用于搜集不同类型的用户输入

HTML 表单用于收集用户输入;

form 元素定义 HTML 表单。

Action 属性

action 属性定义在提交表单时执行的动作。

向服务器提交表单的通常做法是使用提交按钮。

 通常,表单会被提交到 web 服务器上的网页。

 如果省略 action 属性,则 action 会被设置为当前页面

Method 属性

method 属性规定在提交表单时所用的 HTTP 方法(GET 或 POST):

何时使用 GET?

您能够使用 GET(默认方法):

如果表单提交是被动的(比如搜索引擎查询),并且没有敏感信息。
当您使用 GET 时,表单数据在页面地址栏中是可见的:action.jsp?name=xxxx&sex=female
*ps:GET 最适合少量数据的提交。浏览器会设定容量限制。

何时使用 POST?

您应该使用 POST:

如果表单正在更新数据,或者包含敏感信息(例如密码)。
POST 的安全性更加,因为在页面地址栏中被提交的数据是不可见的。

HTML 表单包含表单元素

表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮、文本域等

-文本输入:type=”text”

用户名  

-提交按钮:type=”submit”(定义提交表单数据至表单处理程序的按钮)

  /*和action配合*/ /*如果省略了提交按钮的 value 属性,那么该按钮将获得默认文本,也就是提交两个字*/

-单选:type=”radio”

性别 Male
Female /*name中的值一致时,可以达到单选的效果*/ /*checked 是被选中状态 也可以写成checked="checked"*/

-复选:type=”checkbox”

爱好 运动
美女 /*checked 是被选中状态 也可以写成checked="checked"*/

-定义按钮:type=”button”

  /*也是普通按钮*/

-下拉列表: 元素

VolvoSaabFiatAudi 元素定义待选择的选项。 列表通常会把首个选项显示为被选选项。 您能够通过添加 selected 属性来定义预定义选项。

-文本域: 元素(定义多行输入字段)

输入的内容在这里哦!

-按钮: 元素

点击!



上述内容具有一定的借鉴价值,感兴趣的朋友可以参考,希望能对大家有帮助,想要了解更多"HTML表单元素有哪些,含义是什么"的内容,大家可以关注群英网络的其它相关文章。 群英智防CDN,智能加速解决方案
标签: HTML表单元素

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。

猜你喜欢

成为群英会员,开启智能安全云计算之旅

立即注册
专业资深工程师驻守
7X24小时快速响应
一站式无忧技术支持
免费备案服务
免费拨打  400-678-4567
免费拨打  400-678-4567 免费拨打 400-678-4567 或 0668-2555555
在线客服
微信公众号
返回顶部
返回顶部 返回顶部
在线客服
在线客服