表单的使用（新手入门基础学习）

4.表单的定义

表单是什么，其作用是什么？我们首先要先弄清楚概念，我所理解的表单就是收集用户填写的信息并将其提交到后台服务器。前者是概念，后者是作用。

4.1表单的属性以及表单的提交方式get和post区别

《from标签》

表单有两种属性：如下

Action属性：指定提交的地址；

Method属性：指定提交的方式，get/post。

而get/post的区别在于：

作用上：GET一般用于获取/查询资源信息，而POST一般用于更新资源信息。

方式上：Get是向服务器发索取数据的一种请求，而Post是向服务器提交数据的一种请求，

安全性：Get提交数据时会明文，而POST则不会。

数据的限制：Get提交数据最多是1024字节，而POST没有限制。

4.2文本框与密码框

文本框的属性：

Maxlength：指定文本框能接收的最大字符个数

Size：指定输入框的长度（在网页上面输入框的长度）

Value：指定输入框中的初始值，例如123，会默认填好123，可以进行修改。

密码框：

密码框和文本框的属性一样，但是为了其安全性考虑，密码框会以掩码形式显示。

4.3 label

为了更好地显示效果，我们会对前面的文字也加以美化，所以就有了《label》标签，而

<label>的作用：

（1）可以单独对其应用相应的样式

（2）For属性可以使之和某个<input>关联，即当单击文本会激活对应的<input>.代码如下

4.4单选按钮

我们在选择的时候所需要点击的按钮，只能选择一个结果。

如果需要将若干单选按钮编为一组（一组最多只有一个被选中），需要设置相同的name属性。

如果需要默认选中某个选项，需要加上checked属性。例如：

假如有两个check属性，则系统会默认选择唯一没有check的那个属性。

4.5多选按钮

我们有时候会遇到需要有多个选择的情况，这个时候就需要用到多选按钮了。

多选按钮与单选按钮的区别就在于<type>类型的选择  这个时候

type类型：checkbox,例如：

4.6提交按钮

提交按钮type类型：submit，点击按钮之后跳转到form表单指定的Action

4.7重置按钮

type属性：reset

点击这个按钮，输入框内就会重置。

4.8普通（图片）按钮

（1）Value属性：value对应的值就是按键上显示的文字

（2）图片按钮：作用和submit按钮作用是一样的

（3）需要设置src属性的值，如果src对应的路径没有找到图片并且又没有设置alt属性，按钮显示默认值“提交”，如果设置了alt属性则显示alt的值。

4.9<button>标签

（1）内容可以是任意资源（eg：图片，段落，视频..）

（2）当Button标签放置在表单form内部，作用和submit是一样的

                

                                              持续更新中..........