表单
1、表单的概念
表单主要用来获取客户端用户数据(信息)的。如：注册表单、查询表单、登录表单等。
2、表单的工作原理
浏览有表单的网页，填写一些必要的信息，然后点击某个按钮进行提交。
这些表单数据，通过互联网，传递到了服务器上。
服务器上有专门的程序，对表单数据进行验证。如果验证成功，将你的数据存入数据库(MySQL)，则返回一个验证成功的信息。如果验证失败，将返回一个错误信息。
从上面表单的工作原来看：表单的制作分两个部分，一是前台页面的制作，二是后台PHP对表单数据的处理。
3、表单的结构
<form>标记属性——块元素
name：给表单起个名字。这个名字主要给JavaScript来用。JS主要用来做客户端表单验证。
method：表单的提交方式，取值：get或post。
action：指定表单的处理程序，一般是PHP文件。
如果action为空，那么表单数据发到哪里去了？
结果：那么表单数据提交给了它自己来处理。
enctype：指定表单数据的编码方式(解密方式)。这个属性只能用在method=“post”的情况下。
application/x-www-form-urldecoded//默认的加密方式
multipart/form-data//如果你上传文件，该值必须它自己。
单行文本域
语法格式：<inputtype=“text”属性=“值”/>
常用属性
name：文本框的名字。命名规则是：可以包含字母、数字、下划线，只能以字母开头。
type：表单元素的类型。
value：文本框中的值。
size：文本框的长度，以“字符”为单位。
maxLength：最多可以输入多少个字符，超出的就输不进去了。
readonly：只读属性。可以选中，但不能修改。如：readonly=“readonly”
disabled：禁用属性。不能选中，不能修改。如：disabled=“disabled”
举例说明：<inputtype="text"name="username"/>
单行密码域
语法格式：<inputtype=“password”属性=“值”/>
常用属性
name：密码框的名字。命名规则是：可以包含字母、数字、下划线，只能以字母开头。
type：表单元素的类型。
value：元素中的值。
size：元素的长度，以“字符”为单位。
maxLength：最多可以输入多少个字符，超出的就输不进去了。
readonly：只读属性。可以选中，但不能修改。如：readonly=“readonly”
disabled：禁用属性。不能选中，不能修改。如：disabled=“disabled”
单选按钮
语法格式：<inputtype=“radio”属性=“值”/>
常用属性
Name：元素的名称
Value：元素的值，该value中数据将发往服务器。
Checked：默认选择哪一项。如：checked=“checked”
注意：一组单选按钮，只能选择一个，但name的值必须一致。如：name=“sex”
单选按钮用户自己不能输入内容，用户只能选择，因此必须为它指默认值value。
复选框
语法格式：<inputtype=“checkbox”属性=“值”/>
常用属性
Name：元素的名称
Value：元素的值
Checked：默认选中。如：checked=“checked”
注意：复选框也是一组选项，因此name的值必须一致。在PHP中，使用数组来获取多个同名的name的值。
复选框可以同时选多个，也可以一个都不选。
下拉列表
<selectname=“city”>
<optionvalue=“北京市”>北京市</option>
<optionvalue=“天津市”>天津市</option>
<optionvalue=“重庆市”>重庆市</option>
</select>
<select>标记的属性，只有一个name属性
<option>标记的属性有两个：value属性、selected属性
Selected：默认选中。如：selected=“selected”
文本区域
语法格式：<textareaname=“名称”cols=“宽度”rows=“高度”></textarea>
常用属性
name：元素名称
cols：宽度，是指多少个字符宽。
Rows：高度，是指几行高。
提示：<textarea>和</textarea>之间是默认文本
各种按钮
提交按钮：<inputtype="submit"value="提交表单"/>
重置按钮：<inputtype="reset"value="重新填写"/>
图片按钮：<inputtype="image"src="images/btn02.png?x-oss-process=image/resize,w_700,limit_1/format,webp"/>//功能就是提交表单，与submit按钮功能一样
普通按钮：<inputtype="button"onclick="javascript:window.close()"value="关闭窗口"/>
普通按钮本身是不具备任何功能的，一般要与JS程序配合使用，实现相应的功能。
隐藏域
功能：隐藏域就是看不见的一个框。传递一些值，而这个值又不想让别人看见。
用处：主要用于PHP后面程序，如：修改某一条新闻内容时，需要传递一个新闻的id号。
语法格式：<inputtype=“hidden”name=“名称”value=“默认值”/>
上传文件域
语法格式：<inputtype=“file”属性=“属性”/>
常用属性
name：表单元素的名称
value：表单元素的值，这个值其实就是上传的文件名。value属性是只读属性，这个value的内容只能来自手动选择上传的文件，而不能用户自己指定一个路径。为了安全起见，value是只读的。
注意：现在只能实现上传文件框，而不能真正实现上传功能，上传功能用PHP来实现的。