首页 前端知识 HTML5.1textarea文本域标签(提供多行文本)label标签(绑定内容与表单标签的关系) 语义化标签

HTML5.1textarea文本域标签(提供多行文本)label标签(绑定内容与表单标签的关系) 语义化标签

2024-04-07 08:04:59 前端知识 前端哥 625 465 我要收藏

一、textarea文本域标签

常见属性:

cols文本域可见宽度
rows文本域可见行数

注:右下角可拖拽改变文本大小。实际开发针对样式效果:

<textarea name="文本" cols="30" rows="10"></textarea>

 推荐CSS设置。

二、label标签

1,使用label标签把内容如文本包裹起来。

2,在表单标签上添加id属性。

3,在label标签的for属性中设置对应id属性值

使用方法:

1,直接使用label标签把内容如文本和表单标签一起包裹起来。

2,需要把label标签的for属性删除即可。

三、语义化标签

①没有语义布局标签(div、span)

div标签:一行只显示一个(独占一行)

span:一行可以显示多个(双标签)

②有语义的布局标签

标签名语义
header网页头部
hav网页导航
footer网页底部
aside网页侧边栏
section网页区块
article网页文章

转载请注明出处或者链接地址:https://www.qianduange.cn//article/4532.html
标签
评论
发布的文章

java解析超大json文件数据

2024-04-19 21:04:10

头歌-JavaScript基础

2024-04-19 21:04:54

C#Json序列化及反序列化

2024-04-19 21:04:40

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!