问卷调查代码

body {
    background-color:#CCCCCC;/*设置页面背景色为浅灰色*/
}

/*问卷面板样式*/
#questionnaire{
    background-color:white;    
    padding:15px;
    margin: auto; 
    width:900px;
    text-align:center;
    font-family:"微软雅黑";
    box-shadow: 10px 10px 15px black;
}

/*标题样式*/
h1{
   color:orange;    
}

/*水平线样式*/
hr{
    width:80%;
    border:orange 1px solid;
    margin-bottom:15px;
}

/*表单样式*/
form{
    text-align:left;
    width:80%;
    margin:auto;
}

/*列表选项样式*/
li{
    margin:10px 0;
}

/*输入表单样式*/
input{
    margin:10px;    
}

/*输入表单样式*/
input[type="text"],input[type="tel"]{
    width:130px;
    height:20px;
    font-size:16px;
    font-family:"微软雅黑";
    border:0px;
    border-bottom:1px solid;
    outline:none;
}

/*按钮外区域div元素样式*/
#btn{
    text-align:center;
}

/*按钮样式*/
button{
    width:120px;
    height:40px;
    background-color:orange;
    border:0px;
    color: white;
    margin:10px;
    font-size:18px;
    font-family:"微软雅黑";
    font-weight:bold;
}

/*鼠标悬浮时按钮样式*/
button:hover{
    background-color:#FF6835;
}

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" >
        <title>HTML5问卷调查页面示例</title>
        <link rel="stylesheet" href="css/questionnaire.css">

  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
以下是一个基于 Java Web 的简单问卷调查代码示例: 1. 创建问卷调查表单页面 `survey.jsp`,在页面中通过表单提交数据到后台: ```jsp <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>问卷调查表单</title> </head> <body> <h1>问卷调查表单</h1> <form action="survey" method="post"> <p>您的姓名:<input type="text" name="name"></p> <p>您的性别:<input type="radio" name="gender" value="male">男 <input type="radio" name="gender" value="female">女</p> <p>您的年龄:<input type="text" name="age"></p> <p>您的职业:<input type="text" name="occupation"></p> <p>您的爱好:<input type="text" name="hobby"></p> <p><input type="submit" value="提交"></p> </form> </body> </html> ``` 2. 创建后台 Servlet `SurveyServlet`,在后台接收前台表单数据,将数据存储到数据库中,并通过重定向跳转到感谢页面: ```java import java.io.IOException; import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.SQLException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; @WebServlet("/survey") public class SurveyServlet extends HttpServlet { private static final long serialVersionUID = 1L; private static final String DB_URL = "jdbc:mysql://localhost:3306/survey_db"; private static final String DB_USER = "root"; private static final String DB_PASSWORD = "password"; protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String name = request.getParameter("name"); String gender = request.getParameter("gender"); String age = request.getParameter("age"); String occupation = request.getParameter("occupation"); String hobby = request.getParameter("hobby"); try { // 连接数据库 Connection conn = DriverManager.getConnection(DB_URL, DB_USER, DB_PASSWORD); // 插入数据 String sql = "INSERT INTO survey(name, gender, age, occupation, hobby) VALUES (?, ?, ?, ?, ?)"; PreparedStatement ps = conn.prepareStatement(sql); ps.setString(1, name); ps.setString(2, gender); ps.setString(3, age); ps.setString(4, occupation); ps.setString(5, hobby); ps.executeUpdate(); // 关闭数据库连接 ps.close(); conn.close(); // 跳转到感谢页面 response.sendRedirect("thankyou.jsp"); } catch (SQLException e) { e.printStackTrace(); response.sendError(HttpServletResponse.SC_INTERNAL_SERVER_ERROR); } } } ``` 3. 创建感谢页面 `thankyou.jsp`,在页面中显示感谢信息: ```jsp <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>感谢您参加本次问卷调查</title> </head> <body> <h1>感谢您参加本次问卷调查</h1> <p>您的意见和建议对我们非常重要,我们会认真对待并不断改进产品和服务。</p> </body> </html> ``` 以上是一个简单的基于 Java Web 的问卷调查示例代码,可以根据实际需求进行修改和扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值