html表格标签(下):lable标签,select标签和textara标签

html表格标签(下):lable标签,select标签和textara标签_第1张图片

html表格标签(下):lable标签,select标签和textarea标签

lable标签

搭配 input 使用,点击 label 标签就能选中对应的单选/复选框, 能够提升用户体验。
for 属性: 指定当前 label 和哪个相同 id 的 input 标签对应 (此时点击才是有用的)

html表格标签(下):lable标签,select标签和textara标签_第2张图片

运行效果:
image-20240218203644927

select标签

下拉菜单
注:option中定义 selected="selected" 表示默认选中。
示例代码:
html表格标签(下):lable标签,select标签和textara标签_第3张图片

运行效果:

html表格标签(下):lable标签,select标签和textara标签_第4张图片

默认选择年份为2004

html表格标签(下):lable标签,select标签和textara标签_第5张图片

运行效果:
1111

textarea标签

rows 和 cols 也都不会直接使用, 都是用 css 来改的

示例代码:

html表格标签(下):lable标签,select标签和textara标签_第6张图片

运行效果:

html表格标签(下):lable标签,select标签和textara标签_第7张图片

你可能感兴趣的:(前端,学习,html,程序人生)