HTML基础二

本文详细介绍了HTML中的表单元素如input的各种类型(文本框、密码框、单选/复选框、按钮等),以及label标签的使用提升用户体验,还涵盖了select下拉菜单和textarea的用法,以及div和span在布局中的作用,最后提到了特殊字符处理。
摘要由CSDN通过智能技术生成

2.10 表单标签
分成两个部分
·表单域: 包含表单元素的区域.重点是 form标签.
表单控件: 输入框,提交按钮等.重点是input 标签

input 标签
各种输入控件,单行文本框,按钮,单选框,复选框。 

 

1文本框 

 

2密码框 

 

3单选框 

注: 这里name属性相同,才能实现多选一

4复选框

 

 5普通按钮

6提交按钮 

 

7清空按钮

8选择文件

 

2.11 label 标签 

搭配 input 使用. 点击 label 也能选中对应的单选/复选框,能够提升用户体验

·for 属性: 指定当前 label 和哪个相同 id 的input 标签对应.(此时点击才是有用的)

 

2.12 select 标签

下拉菜单

option 中定义selected="selected"表示黑认选中 

 

2.13 textarea 标签

 

2.14 无语义标签: div & span

div 标签,division 的缩写,含义是 分割span 标签,含义是跨度
就是两个盒子.用于网页布局
·div 是独占一行的,是一个大盒子·span 不独占一行,是一个小盒子 

 

2.15 HTML 中特殊字符

 

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值