HTML详解连载（3）

HTML详解连载（3）

• 专栏链接 [link](http://t.csdn.cn/xF0H3)
• • 下面进行专栏介绍
• 开始喽
• • 表单
  • • 作用
    • 使用场景
  • input标签基本使用
  • • 示例
    • type属性值以及说明
  • input标签占位文本
  • • 示例
    • 注意
  • 单选框 radio
  • • 代码示例
  • 多选框-checkbox
  • • 注意
    • 代码示例
  • 文本域
  • • 作用
    • 标签：
    • 示例
  • label标签
  • • 作用
    • 经验
    • 写法一
    • 写法二：
    • 强调
  • 按钮-button
  • • type属性值和说明
  • 无语义的布局标签
  • • 作用
    • 示例
  • 字符实体
  • • 作用
    • 表格

专栏链接 link

下面进行专栏介绍

本专栏是自己学前端的征程，纯手敲的代码，自己跟着黑马课程学习的，并加入一些自己的理解，对代码和笔记
进行适当修改。希望能对大家能有所帮助，同时也是请大家对我进行监督，对我写的代码进行建议，互相学习。

开始喽

表单

作用

收集用户信息

使用场景

登录页面，注册页面，搜素区域

input标签基本使用

input标签type属性值不同，则功能不同

示例

   <input  type=”...”>

type属性值以及说明

input标签占位文本

占位文本：提示信息

示例

   <input  type=”...” placeholder=”提示信息”>

注意

文本框和密码框都可以使用

单选框 radio

## 上传文件-file
默认情况下，文件上传表单控件只能上传一个文件，添加multiple属性可以实现文件 多选功能

代码示例

 <input type=”file”multiple>

多选框-checkbox

多选框也叫复选框

注意

默认选中：checked

代码示例

  <input type=”checkbox”checked>敲前端代码

## 下拉菜单
select 嵌套option， select是下拉菜单整体，option是下拉菜单的每一项

文本域

作用

多行输入文本的表单控件

标签：

textarea，双标签

示例

  <textarea>默认提示文字</textarea>

label标签

作用

网页中，某个标签的说明文本

经验

用lable标签绑定文职和表单控件的关系，增大表单的点击范围

写法一

lable标签只包裹内容，不包裹表单控件
设置lable标签的for属性值和表单控件的id属性相同

<input type=”radio”id=”man”>
<lable for=”man”>男</lable>

写法二：

使用lable标签包裹文字和表单控件，不需要属性

<lable><input type=”radio”>女</lable>

强调

支持lable标签增大点击范围的表单控件：文本框、密码框、上传文件、多选框、下拉菜 单、文本域等等。

按钮-button

<button type=””>按钮</button>

type属性值和说明

无语义的布局标签

作用

布局网页（划分网页区域，摆放内容）
div:独占一行
span：不换行

示例

<duv>div标签，独占一行</div>
<span>span标签，不换行</span>

字符实体

作用

在网页中显示预留字符

表格