将html表单提交到mysql

将表单提交到服务器mysql数据库

1.先在服务器中创建需要的用的数据库==》根据需要设置相应类型

# 创建一个存储数据的表
create table wp_jc_count(
    qq bigint(20) not null auto_increment primary key,
    email varchar(20) not null,
    comment varchar(100)
    );

2.前端界面

用action

<form action="submit.php" method="post" name="myform">
<style>>
label{float: left;width: 80px;line-height:25px;}
form{margin:0px}
input{width: 250px;height: 25px;border:1px solid #808080; background-color:rgba(241,241,241,.98);border-radius:3px;}

textarea{width: 325px;height: 80px; background-color:rgba(241,241,241,.98);border:3;border-radius:10px;}

#sbutton{margin-left: 42px;margin-top: 5px;width:80px;}

br{clear: left;}

</style>

<label for="user">QQ :&nbsp;&nbsp;&nbsp;</label>
<input type="text" id="u_user" name="user" value=" qq" title="user" required pattern="[0-9]{1,10}" title="请输入正确的qq格式"/><br />
<br />
<label for="email">邮件 :&nbsp;</label>
<input type="text" id="u_email" name="email" value="你的邮箱" title="email" required pattern="^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$" title="请输入正确的邮箱格式" /> <br />
<br />
<label for="comment">备注:</label>
<textarea id="u_comment" name="comment" style="font-size: inherit" placeholder="评论">
</textarea><br />

<input type="submit" id="sbutton" value="提交" /><br />

</form>

 

 

3.后端==》操作数据库,将数据储存到mysql

先创建一个submit.php的文件(文件名和前端的action指向一致)。注意数据库用户名密码配置一下

<?php

$qq = $_POST["user"];
$email = $_POST['email'];
$comment = $_POST['comment'];

$hostName = "localhost";//你的数据库地址,用户名,密码,端口,数据库名
$usrName = "";
$passWord = "";
$port = "3306";
$dbname = "";

$content = mysqli_connect($hostName, $usrName, $passWord, $dbname, $port);//连接函数,返回连接句柄
mysqli_set_charset($content, 'utf-8');
if ($content) {
echo "提交成功--";
} else {
die("提交失败--" . mysqli_connect_error());
}
$sqlStr = "insert into comment(qq,email,comment)
VALUES (' $user','$email','$comment')";
if (mysqli_query($content, $sqlStr)) {
echo "保存成功!";
} else {
echo "重新尝试呢~";
}
mysqli_close($content);
?>

 

 

点赞

发表评论

昵称和uid可以选填一个,填邮箱必填(留言回复后将会发邮件给你)
tips:输入uid可以快速获得你的昵称和头像

Title - Artist
0:00