h5表单

本文详细介绍了HTML5中的表单组件,包括理解表单的基本概念,如表单控件、提示信息和表单域的作用。重点讲解了input控件的不同类型,label标签的使用方法,textarea标签用于多行文本输入,以及下拉菜单select的设置和表单域form的属性,如action和method,帮助实现数据提交到后台。
摘要由CSDN通过智能技术生成

理解

现实中的表单,类似我们填的单子。
目的是为了收集用户信息。
在我们网页中, 我们也需要跟用户进行交互,收集用户资料,此时也需要表单。 在HTML中,一个完整的表单通常由表单控件(也称为表单元素)、提示信息和表单域3个部分构成。
表单控件: 包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。
提示信息: 一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作。 表单域:
他相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过他定义处理表单数据所用程序 的url地址,以及数据提交到服务器的方法。如果不定义表单域,表单中的数据就无法传送到后台服务器。

标题 input常用控件

在上面的语法中,标签为单标签,type属性为其基本的属性,其取值有多种,用于指定不同 的控件类型。除了type属性之外,标签还可以定义很多其他的属性,其常用属性如下表所示。
在这里插入图片描述

label标签

label 标签为 input 元素定义标注(标签)。
作用: 用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点
如何绑定元素呢?
for 属性规定 label 与哪个表单元素绑定。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值