web前端表单讲解

表单标签(掌握)

**作用： **

表单目的是为了收集用户信息。

在我们网页中， 我们也需要跟用户进行交互，收集用户资料，此时也需要表单。

在HTML中，一个完整的表单通常由表单控件（也称为表单元素）、提示信息和表单域3个部分构成。

**表单控件： **

​ 包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。

提示信息：

​ 一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作。

表单域：

​ 他相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过他定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器。

2.1 input 控件(重点)

• 语法：

  <input type="属性值" value="你好">
  

  • input 输入的意思
  • <input />标签为单标签
  • type属性设置不同的属性值用来指定不同的控件类型
  • 除了type属性还有别的属性

• 常用属性：

1. type 属性

• 这个属性通过改变值，可以决定了你属于那种input表单。
• 比如 type = ‘text’ 就表示 文本框 可以做 用户名， 昵称等。
• 比如 type = ‘password’ 就是表示密码框 用户输入的内容 是不可见的。

用户名: <input type="text" /> 
密  码：<input type="password" />

2. value属性 值

用户名:<input type="text"  name="username&