表单编程题例题专升本考什么

worktile 1年前其他 2

共3条回复我来回复

fiy

Worktile&PingCode市场小伙伴

专升本考试中，关于表单编程的题目常见于计算机类相关专业。主要考察考生的表单设计和编程能力。下面是一个例题：

题目：设计一个表单界面，要求能够输入学生的基本信息（学号、姓名、性别、年龄、专业），并能够将这些信息保存至数据库。

解答：

首先，我们需要设计一个包含输入框和按钮的表单界面，用于输入学生的基本信息。在HTML中，可以使用<form>标签来创建表单，使用<input>标签来创建输入框，使用<button>标签来创建按钮。

<form action="save.php" method="post">
  <label for="student-id">学号：</label>
  <input type="text" id="student-id" name="studentId"><br>

  <label for="student-name">姓名：</label>
  <input type="text" id="student-name" name="studentName"><br>

  <label for="student-gender">性别：</label>
  <input type="radio" id="student-gender-male" name="studentGender" value="男">
  <label for="student-gender-male">男</label>
  <input type="radio" id="student-gender-female" name="studentGender" value="女">
  <label for="student-gender-female">女</label><br>

  <label for="student-age">年龄：</label>
  <input type="number" id="student-age" name="studentAge"><br>

  <label for="student-major">专业：</label>
  <select id="student-major" name="studentMajor">
    <option value="计算机科学与技术">计算机科学与技术</option>
    <option value="软件工程">软件工程</option>
    <option value="信息管理与信息系统">信息管理与信息系统</option>
  </select><br>

  <button type="submit">保存</button>
</form>

上述代码创建了一个包含学号、姓名、性别、年龄、专业的表单界面。其中，学号、姓名、年龄使用<input type="text">创建文本输入框，性别使用<input type="radio">创建单选按钮，专业使用<select>创建下拉框。

接下来，我们需要编写后端代码，将学生的基本信息保存至数据库。这里使用PHP语言作为后端编程语言。

<?php
$servername = "localhost";
$username = "your_username";
$password = "your_password";
$dbname = "your_database";

$conn = new mysqli($servername, $username, $password, $dbname);

if ($conn->connect_error) {
  die("连接失败: " . $conn->connect_error);
}

$studentId = $_POST['studentId'];
$studentName = $_POST['studentName'];
$studentGender = $_POST['studentGender'];
$studentAge = $_POST['studentAge'];
$studentMajor = $_POST['studentMajor'];

$sql = "INSERT INTO students (student_id, student_name, student_gender, student_age, student_major)
        VALUES ('$studentId', '$studentName', '$studentGender', '$studentAge', '$studentMajor')";

if ($conn->query($sql) === TRUE) {
  echo "学生信息保存成功！";
} else {
  echo "保存失败: " . $conn->error;
}

$conn->close();
?>

上述代码创建了一个与数据库建立连接的步骤，并从表单中获取学生的基本信息，然后将这些信息插入到名为students的数据库表中，最后返回保存成功或失败的提示。

综上所述，本题要求设计一个能够输入学生基本信息并将其保存至数据库的表单界面和后端代码。

1年前 0条评论

worktile
Worktile官方账号
评论
专升本的表单编程题主要考察以下几个方面的内容：
1. 表单的基本操作：在处理表单编程题时，首先需要掌握表单的基本操作，包括表单的创建、布局、控件的添加、控件的属性设置等，以及表单的事件处理和数据验证等。例如，创建一个登陆表单，包括用户名和密码输入框，添加一个提交按钮，并在提交按钮的点击事件中实现登陆逻辑。
2. 表单控件的功能实现：表单控件是表单中的各个元素，如输入框、下拉框、复选框等。在编程题中，常常需要对表单控件进行功能实现，如输入框的自动补全、下拉框的数据加载、复选框的选中状态的操作等。例如，编写一个表单，包括一个省份下拉框和一个城市下拉框，当用户选择一个省份时，自动加载该省份下的城市信息。
3. 表单的数据交互：在实际应用中，表单提交的数据通常需要与后台进行交互，比如将表单数据保存到数据库，或者从数据库中获取数据显示在表单中。在表单编程题中，常常需要实现与后台的数据交互，并处理后台返回的数据。例如，编写一个注册表单，将用户填写的注册信息提交到后台，并接收后台返回的注册结果。
4. 表单的动态操作：在实际应用中，表单可能需要根据用户的操作动态改变，比如根据用户选择的某个选项显示或隐藏一些表单控件。在表单编程题中，常常需要处理表单的动态操作，并尽量提高用户体验。例如，编写一个商品订单表单，根据用户选择的支付方式显示相应的支付信息输入框。
5. 表单的数据校验与验证：表单提交的数据需要经过合理的校验和验证，确保数据的合法性和安全性。在表单编程题中，需要实现表单的数据校验功能，比如验证用户名是否存在、验证密码是否符合要求等。例如，编写一个用户信息修改表单，需要对用户输入的密码进行校验，确保输入的密码与原密码一致。
以上是专升本表单编程题的一些常见考点，希望能对你的学习有所帮助。
1年前 0条评论
不及物动词
这个人很懒，什么都没有留下～
评论
表单编程题是专升本考试中的一种常见题型，主要考察考生对表单的设计和编程能力。以下是一个表单编程题的例题，用于说明专升本考试中该类型题目的考点。

例题：

假设有一个在线问卷调查系统，要求实现一个表单，其中有多个问题，每个问题都有若干个选项。问卷结果需要保存到数据库中。

请使用Html、CSS和JavaScript编写一个简单的问卷调查表单。

要求：
1. 表单中至少包含5个问题，每个问题至少有2个选项。
2. 问卷结果提交后，弹出一个确认框，显示问卷已提交成功。
3. 可以使用任意样式美化表单。
解题步骤：

Step 1: 创建HTML文件。

首先，创建一个HTML文件，给文件命名为index.html。在文件中添加以下基本的HTML结构：
```
<!DOCTYPE html>
<html>
<head>
  <title>问卷调查</title>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
  <h1>问卷调查</h1>
  
  <form id="surveyForm" action="submit.php" method="POST">
    
  </form>

  <script src="script.js"></script>
</body>
</html>
```
Step 2: 创建CSS文件。

为了实现样式美化，我们创建一个CSS文件，给文件命名为style.css。在文件中添加以下CSS样式：
```
h1 {
  text-align: center;
  color: #333;
}

/* 在这里添加其他样式 */
```
Step 3: 创建JavaScript文件。

为了实现表单提交后的确认框功能，我们需要创建一个JavaScript文件，给文件命名为script.js。在文件中添加以下JavaScript代码：
```
var form = document.getElementById("surveyForm");
form.addEventListener("submit", function(event) {
  event.preventDefault();
  var confirmMessage = "问卷已提交成功";
  alert(confirmMessage);
  form.reset();
});
```
解题说明：

在这个例题中，我们首先创建了一个基本的HTML结构，包括一个标题和一个表单。表单的id属性设为"surveyForm"，用于JavaScript中的操作。

在CSS文件中，我们可以添加一些样式，根据需要美化表单的外观。

在JavaScript文件中，我们利用addEventListener()方法，给表单添加了一个"submit"事件监听器。当表单提交时，阻止默认行为（禁止表单的实际提交），弹出一个确认框显示提交成功的消息，并且重置表单。

这样，我们就完成了一个简单的问卷调查表单的编写。

以上是一个表单编程题的例题，通过这个例题可以了解到在专升本考试中，表单编程题主要考察学生对表单设计和编程方面的基本知识。在解题过程中，需要考生熟练使用HTML、CSS和JavaScript等技术，能够结合不同的标签、样式和事件来实现题目要求。同时，还需要考生有一定的创新思维，能够根据题目要求自主设计和实现表单的功能。对于这类题目，考生应该多加练习，提高自己的编程能力和应用能力。
1年前 0条评论