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

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是一样的

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