HTML入门10_表单_label标签和textarea标签

本文介绍了HTML中的label标签和textarea标签。label标签用于为input元素提供注释,提升鼠标用户的可用性,通过for属性与input的id匹配。textarea标签则用于创建多行文本输入框,允许输入大量文本,可通过cols和rows属性或CSS调整尺寸。

label标签:

label标签为input 元素定义注释,标记
label不会为用户呈现任何特殊效果,不过,他为鼠标用户改进了可用性,如果你在label元素内点击文本,就会触发次控件,就是说,当用户选择该标签时,浏览器会自动将焦点转移到和标签相关的表单控件上;

<label>标签的for属性应当与相关元素的id属性相同;

<form>
    <label for="user">姓名:</label>
    <input type="text" name="username" id="user">
    <br>
    <label for="pwd">密码:</label>
    <input type="password" name="password" id="pwd">

</form>

在这里插入图片描述

textarea标签:

textarea标签定义多行的文本输入控件
文本区中可以容纳无限数量的文本,其中的文本的默认字体是的等款字体;
可以通过cols和rows属性来规定textarea的尺寸,更好的办法是使用CSS的height和width
在这里插入图片描述

<textarea name="text" autofocus="true" rows="8" cols="18" >

</textarea>

运行结果:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值