html网站表单内容怎么提交到数据库？

1：首先要使用PHP的超全局变量 $_GET 和 $_POST 用于收集表单数据（form-data）

2：然后使用INSERT INTO 语句用于向数据库表中插入新记录。

具体示例：

（1）首先创建了一个名为 "Persons" 的表，有三个列："Firstname", "Lastname" 以及 "Age"。

（2）其次创建一个 HTML 表单，这个表单可把新记录插入 "Persons" 表。

（3）接着当用户点击上例中 HTML 表单中的提交按钮时，表单数据被发送到 "insert.php"。"insert.php" 文件连接数据库，并通过 $_POST 变量从表单取回值。然后，mysql_query() 函数执行 INSERT INTO 语句，一条新的记录会添加到数据库表中。

form 将表单元素包裹起来，受form包裹的表单元素才会提交给服务器。

<form action=”地址” method=””>

表单元素

</form>

form标签是表单的外壳，主要有四个属性：

action：表单提交的地址（后台服务器地址）

method：提交表单的方法，两种请求方式，post、get

target：在何处打开action

enctype：（编码方式）

applocation/x-www-form-erlencoded 在发送前编码所有字符（默认）

text/plain：空格转换为”+”号，但不对特殊字符编码

multipart/form-data：使用包含文件上传控件的表单时，必须使用该值。例如：上传音频、视频。

1、区别：（体现在方式、安全、数据量三个方面）

- 方式，点击提交（发请求时），get将请求数据变成”k=value”的形式，然后组装到URL上。post方式提交请求时，数据通过浏览器传输给后台，但是URL没发生变化。

- 安全，get将信息组装到URL上，信息泄露，不安全；post方式的URL没发生变化更加安全。

- 数据量，浏览器地址栏能存放的字符有限的（容量有限），get方式的URL过于冗长，当超出限制时，浏览器自动截断URL，则传给后台的数据不完整，所以对数据大小有限制。而post方式的URL更干净、轻便，能完整地将数据传递给后台，无数据大小限制。

2、什么时候用get，什么时候用post（使用场景）

get：向后台查询东西，如查询论文；即向后台索要数据，用关键词来获取大量数据。安全性要求低，简单。

post：向后台传数据，例论文查重（数据很大，提交给后台）。安全性要求高。

是表单收集信息的元素，主要有以下属性：

<label for="input_username">姓名：</label><input type="text" name="username" id="input_username" placeholder="用户名"/>

效果：

<label for="input_password">密码：</label><input type="password" name="password" id="input_password" placeholder="密码"/>

效果：

效果：

效果：

<label>我的car：</label><select name="transportation"><option value="bus">公交</option><option value="subway" selected>地铁</option><option value="taxi">出租车</option></select>

效果：

<label >评论：</label><textarea name="recomment" placeholder="ddd" cols="60" rows="10"></textarea>

效果：

<label for="zjz">证件照：</label><input type="file" name="photo" id="zjz" accept="image/jpg"/>

其中accept规定了文件格式。

效果：

<input type=”hidden” name=”abc” value=”123”>

点击提交时，hidden里隐藏的数据也提交给了后台；abc=’123’

作用：（1）暂存信息，（用户看不到），便于设计者随时调用程序。

（2）用于安全性校验，例如通过设置hidden隐藏域，服务器可以验证用户权限，避免伪造的假网站提交数据。

<input type="button" value="按钮"/>

效果：

<input type="submit" value="提交"/>

效果：

<input type="reset" value="复位"/>

效果：

表单的文件上传元素默认样式确实是：

只是这样并不美观，于是常见做法是创建一个文本框和一个按钮来配合文件上传元素：

核心就是将上传元素的透明度设置为0，即完全透明，然后绝对定位到按钮上上面，这样用户点击按钮时，实际是点击到上传元素。然后添加js，将上传元素的value值 赋给文本框的value值，实现在文本框中显示文件元素的value属性值。

该上传元素的onchange事件监听函数为：onchange="document.getElementById('textfield').value=this.value"

---