这是我参与「第四届青训营 」笔记创作活动的第七天

HTML基础知识总结(七)

接上一篇文章，本 章 着 重 复 习 Html 的 基 础 内 容 ， 学 习 Html 究 竟 要 学 些 什 么 呢 ？ 主 要 是 学 习 input表单控件的后半部分 ，来 搭 建 网 页 的 “ 结 构 ” 。

在 HTML 中 ， 一 个 完 整 的 表 单 通 常 由 表 单 控 件 （ 也 称 为 表 单 元 素 ）、 提 示 信 息 和 表单域 3 个 部 分 构 成 。 我们本篇介绍一下：input控件的后半部分！！！

一、value 属性

value 属性可以定义 默 认 的 文 本 值 。

有 些 表 单元素 想 刚 打 开 页 面 就 默 认 显 示 几 个 文 字、或者一串数字，进行提示用户赢应该输入什么内容 ， 就 可 以 通 过 这 个 va lue属性值 来 设 置 。

基本的语法：

<form >
    用户名： <input type="text" name="use" value="2020001" placeholder="请输入用户名：">       
</form>

效果如图所示：

如图所示： 我们在刚进入页面时，文本框内就会自动出现一行数字，2020001，来提示用户输入的格式。

二、name 属性

name 是表 单 的 名 字 ， 这 样 ， 后 台 可 以 通 过 这 个 name 属 性 找 到 这 个 表单。 页 面 中 的 表 单 很 多 ， name 主 要 作 用 就 是 用 于 区 别 不 同 的 表 单 。

基本的语法

 <form >
    密码：<input type="password" name="pass" value="123123" placeholder="请输入密码:"> 
    用户名： <input type="text" name="use" value="2020001" placeholder="请输入用户名：">   
  </form>

name 是限定的属性名字，所以我们看到"密码"的 name 属性值为"pass",但是"用户名"的name属性值是"use"

效果如图：

三、chenked 属性

单选按钮和复选框可以设置 checked 属性，当页面打开的时候就可以默认选中这个按钮。

它表示一种表 默 认 选 中 状 态。

语法如下：

<form>
性别:
男<input type="radio" name="sex2" checked="checked">
女 <input type="radio" name="sex2"> <br>
</form>

效果如图：

我们可以看到：在页面刚加载的时候，就默认选择的性别 的是 男。

四、最大输入字符maxlength 属性

最大输入字符maxlength ，是用来：控制 文本框的长度的！

语法如下：

<form >
    用户名： <input type="text" maxlength="6"> 
  </form>

此时，用户名的这个文本框，最多只能输入6个字符。