【HTML5】登录页面制作简易版

目录

前言：

1、form表单定义和用法

1.1input标签定义和用法

1.2label标签for属性

1.3实例

2、HTML5class属性

3、设计登录页面

3.1html源码

3.2css源码

3.3登录页面图

---

前言：

---

1、form表单定义和用法

<form> 标签用于为用户输入创建HTML表单。表单能够包含<input>标签，表单还可以包含menus、textarea、fieldset、legend和label元素，本期主要讲解label的用法。

1.1input标签定义和用法

<input> 标签规定用户可输入数据的输入字段。根据不同的 type 属性，输入字段有多种形态。输入字段可以是text（文本）、password（密码）、radio（单选按钮）、checkbox（多选框）、button（按钮）等等。

<input>标签中type里面设置的就是属性，你想要输入的是文本就设置text属性，想要输入的是密码就设置password属性。

 

1.2label标签for属性

for属性可把label绑定到另外一个元素。for 属性的值设置为相关元素的 id 属性的值，就能与相关属性同步，所以for 属性规定label绑定到哪个表单元素。

1.3实例

制作一个账号密码的显示，我们用到text（文本）和password（密码）属性