这是我参与「第四届青训营 」笔记创作活动的第六天
HTML基础知识总结(六)
接上一篇文章，本 章 着 重 复 习 Html 的 基 础 内 容 ， 学 习 Html 究 竟 要 学 些 什 么 呢 ？ 主 要 是 学 习 input表单控件 ，来 搭 建 网 页 的 “ 结 构 ” 。
在 HTML 中 ， 一 个 完 整 的 表 单 通 常 由 表 单 控 件 （ 也 称 为 表 单 元 素 ）、 提 示 信 息 和 表单域 3 个 部 分 构 成 。 我们本篇介绍一下：input控件！！！
基本的语法：
<input type="属性值" name="限定属性名字" value="表单的默认值" >
一、属性说明
input 是输入的意思，
<input>标 签 为 单 标 签 。属 性 设 置 不 同 的 属 性 值 ,用 来 指 定 不 同 的 控 件 类 型。 除 了 type属 性 还 有 别 的 属 性。
type 元素类型
name 元素的名称
value 元素的值
size 元素的宽度
maxlength 输入字符的最大长度
disabled 是否被禁用
二、文本框
在表单中，文本框用来让用户输入字母、数字等等，如用户的姓名，地址等。
代码如下：
用户名：<input type="text" name="…" size="…" maxlength="…" value="…"/>
效果如下：
我们做一个解释：
type = "text"：定义单行文本输入框。
name属性：定义文本框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；
size属性：定义文本框的宽度，单位是单个字符宽度；
value属性：定义文本框的默认值。
三、密码框
是一种特殊的文本域，用于输入密码
基本的语法：
密码：<input type="password" >
效果如下：
四、单选框和复选框
1.单选框
当需要用户从2个以及2个以上的选项中选择一个时，使用单选按钮。比如我们在注册的时候选择男生还是女生
基本语法是：
<form>
性别：男<input type="radio" name="sex"> 女<input type="radio" name="sex">
</form>
效果如下：
注意，只能从中选取其一。
属性解释：
type=”radio”定义单选框。
name属性：定义单选框的名称，要保证数据的准确采集，单选框都是以组为单位使用的，在同一组中的单选项都必须同一个名称；
value属性：定义单选框的值，同一组中，他们的域值必须是不同的。
注意：单选按钮，想要实现“单选”，必须：具有相同的name值 。
如例子所示：
两个input 的name属性，都是sex
2.复选框
当用户需要从若干给定的选择中选取一个或若干选项时，就会用到复选框。
属性解释：
type=”checkbox” 定义复选框；
name属性：定 义复选框的名称。
value属性：定义复选框的值。
基本代码
<form>
<input type="checkbox" name="bike" />
I have a bike
<br />
<input type="checkbox" name="car" />
I have a car
</form>
