表单及表单元素 块级元素与行内元素 iframe嵌套框架

本文详细介绍了HTML中的表单及其元素,包括input、label、textarea、下拉标签、表单域以及提交方式。同时,讲解了块级元素与行内元素的区别和常见例子,最后探讨了iframe嵌套框架的使用方法。
摘要由CSDN通过智能技术生成

2表单及表单元素

表单控件:包含了具体的表单功能项,如文本输入框、密码输入框、复选框、提交按钮、重置按钮等。

提示信息:一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作。

表单域:他相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过他定义处理表单数据所用程序的url地址,以及数据提交到服务器的方法。

2.1 input 标签

标签为单标签,是常用的表单控件之一。type属性为其最基木的属性,其取值有多种,用于指定不同的控件类型。除了type属性之外,标签还可以定义很多具他的属性,具常用属性如下表所示:

属性 属性值 描述
type text:文本输入框;
password:密码输入框;
number:数字输入框;
datetime:日期时间输入框;
tel:电话号码输入框;
email:电子邮箱地址输入框;
radio:单选按钮;
checkbox:复选框;
search:搜索框;
button:普通按钮;
submit:提交按钮;
reset:重置按钮;
file:文件域;
hidden:隐藏域。
name text 标签的名称。(表单域内唯一)
value text 标签的默认值。
maxlength number 允许输入的最大字符数。
checked checked 选择标签默认被选中的项。
readonly readonly 输入字段是只读的。
required required 必须在提交表单之前输入字段。
2.2 label标签

label标签为input元素定义标注(标签)。

作用:用于绑定一个表单元素,当点击 label标签的时候,被绑定的表单元素就会获得输入焦点。

如何绑定元素呢?

for 属性规定label与哪个表单元素绑定。

<label for="male">Male</labe1>
<input type="radio" name="sex" id="male" value
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值