html语言中表单的作用是,HTML表单是什么?

HTML表单是一个包含表单元素的区域;表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素;表单使用表单标签(form)定义。

6ff156a20aa5c815588533d49358d73d.png

HTML 表单的主要作用是接收用户的输入,当用户提交表单时,浏览器将用户在表单中输入的数据打包,并发送给服务器,从而实现用户与Web服务器的交互。

表单的组成

表单是控件的容器,一个表单由form元素、表单控件和表单按钮三部分组成:

1) form元素:用来创建表单,并通过 action、method和enctype三个属性,来设置表单的提交路径、提交方式、编码类型。

2) 表单控件:主要用来收集用户数据。

包括 label、input、textarea、select、datalist、keygen、progress、meter、output等;也包括对表单控件进行分组显示的 fieldset和 legend 控件。

根据功能的不同,input 控件又分为 text、password、radio、checkbod、file、submit、reset、search、tel、url、email、number、range、color、Date Pickers等类型。

3) 表单按钮:包括提交按钮、重置按钮和一般按钮。

提交按钮和一般按钮可用于把表单数据发送到服务器,重置按钮用于重置表单,把整个表单恢复到初始状态。

任何HTML表单,都由 form 元素创建,即以

标签开始, 标签结束,在 和 之间,是表单所需要的控件和按钮。

每一个表单控件都有一个 name 属性,用于在提交表单时,对表单数据进行识别。访问者通过提交按钮提交表单,表单提交后,他们填写的数据就会发送到服务器端进行处理。如,用户登录的表单:

用户名:

密码:

上述代码中,由 form 元素创建了一个表单,表单中包括两个控件和两个按钮,分别是用户名和密码的输入型控件,及登录和取消按钮。登录按钮为提交按钮,取消按钮为重置按钮。

运行结果如图:

97300e5ba26f2127d685bca6e9bac9af.png

当用户点击登录按钮后,则以 post 方式,将用户名和密码发送到服务器端login.php 文件进行处理;如果用户点击取消按钮,则会清除用户填写的数据,将整个表单恢复到页面初始加载时的状态。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值