m0_74065962 2024-10-10 23:43 采纳率: 0%
浏览 1

JSP会员注册界面问题多多

img

img


求解！
想做出图一效果图，但我只能写出图二效果。
问题是“会员注册页面”无法被方框包围，以及同一行内容无法分隔开，“会员简介”文字无法处于正中间
求解惑！


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- div的css样式设置 -->
<style type="text/css">
  #navbar-sub-List{
  width: 280px;
  background-color:  #87CEFA;
  margin:auto;
  }
  #navbar-sub-List h4{
  text-align:center;
  vertical-align: middle;
  
  }
  /*navbar-sub-List form{}*/
  </style>
</head>
<body>
<!-- 会员注册页面 -->
   <div id="navbar-sub-List">
   <form action="">
    <br>
     <table border="1">
    <h4>会员注册页面</h4>
    <tr><td>会员名称： <input type="text"><br></td></tr>
    <tr><td>会员密码： <input type="password"><br></td></tr>
    <tr><td>确认密码： <input type="password"><br></td></tr>
    <tr><td>会员性别： <input type="radio" name"sex">男<input type="radio" name"sex">女<br></td></tr>
    <tr><td>会员邮箱： <input type="text"><br></td></tr>
    <tr><td>会员电话： <input type="text"><br></td></tr>
    <tr><td>会员简历： <textarea name=""id=""cols="16"rows="10"></textarea><br></td></tr>
    <tr><td><input type="submit" value="提交">   :   <input type="button" value="重置"><br></td></tr>
    </table>
    </form>
   </div>

  <!-- 下拉框 -->
</body>
</html>
  • 写回答

1条回答 默认 最新

  • 一轮明月照丘壑 2024-10-10 23:44
    关注

    以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

    看起来您遇到了几个关于JSP（Java Server Pages）的会员注册界面的问题。我将根据给出的信息为您一一解答。

    问题概述：

    1. 会员注册界面的内容在不同图（图1、图2、图3和图4）之间有所不同。这可能是界面显示问题或代码问题导致的。
    2. 您提供的HTML代码是静态的，不包含动态功能，如提交表单后的数据验证或保存到数据库的操作。您可能想将此界面与后端Java代码结合，以完成数据的保存和验证操作。

    问题分析：

    1. 性别输入框问题：在图3和图4中，性别输入框只有“男”这个选项是带radio标签的，而“女”选项没有对应的radio标签。在HTML中，单选按钮需要使用<input type="radio">标签并设置相同的name属性来分组。您的代码中，name属性应为"sex"，但您的代码似乎遗漏了部分标签。正确的代码应该是这样的：
    <tr><td>会员性别：<input type="radio" name="sex" value="男">男 <input type="radio" name="sex" value="女">女<br></td></tr>

    这里，我添加了value属性来标识每个单选按钮的值，并在每个单选按钮上设置了相同的name属性"sex"。

    1. 表单提交和重置按钮：提交和重置按钮应该包含合适的表单处理逻辑。例如，提交按钮可能需要将表单数据发送到服务器进行处理，而重置按钮则需要清除表单中的所有输入数据。这些功能需要后端Java代码的支持。您的代码中只提供了按钮的显示，没有实际的逻辑处理。

    解决方案：

    1. 根据上述分析修复性别输入框的问题。
    2. 如果您希望将表单数据与后端Java代码结合，您可能需要使用JSP来处理表单提交。您可以创建一个JSP页面来处理表单数据，并使用Java代码验证数据并将其保存到数据库。对于重置按钮，您可以使用JavaScript来清除表单中的输入数据。这里是一个简单的JavaScript重置表单的例子：
    <script>
  function resetForm() {
    document.getElementById('myForm').reset(); // 'myForm' 是表单的id属性
  }
</script>
```然后在重置按钮上调用这个函数：`<input type="button" value="重置" onclick="resetForm()">`。请注意，这需要您的表单有一个唯一的id属性，如`<form id="myForm" action="">`。

希望这些分析和建议能帮助您解决问题！如果您有其他关于JSP或HTML的问题，请随时提问。
    评论

报告相同问题？

问题事件

  • 创建了问题 10月10日