Question

看起来很简单我似乎不知道如何将两个按钮放在一起，特别是因为它们具有不同的功能。我有一个表单，用户登录按钮和一个注册按钮，让用户寄存器。关于如何将登录按钮与注册按钮对齐的任何想法都是两种不同的形式。这是我登录的图像

align

这里是我的登录jsp的代码。我可以使用js或其他东西尽可能地将它们对齐我想要通过jsp来对齐它们。有没有办法做到这一点

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Login</title>
</head>
<body>

<s:form action="login">
    <s:textfield label="email" key="email" name="email" size="20" />
    <s:password label="password" key="password" size="20" />
    <s:submit value="LogIn"/>     
</s:form>
<!--form method="post" ACTION="pagination.jsp">
<input type="submit" value="View">
</form-->

<s:form action="register.jsp">
    <s:submit value="SignUp" type="submit" float="right"/>     
</s:form>
</body>
</html>

修改

从这里的评论中更新代码：

<s:form action="login" style="float:right"> 
  <s:textfield label="email" key="email" name="email" /> 
  <s:password label="password" key="password" /> 
  <s:submit value="LogIn"/> 
</s:form> 

<!--form method="post" ACTION="pagination.jsp"> 
<input type="submit" value="View"> 
</form--> 
<s:form action="register.jsp" style="float:right"> 
<s:submit value="SignUp" type="submit"/> 
</s:form>

更新：是否可以使它看起来像这样！[在此输入图像描述] [2]

enter image description here

Answer 1

从注册按钮中删除float，然后将其应用于form字段，它应该有效.... see a basic demo here

，将float属性添加到两个表单字段中，而不仅仅是一个....

修改

这样可以节省您的时间

<form action="login" style="float:right; "> <input type="textfield" label="email" key="email" name="email" /> <br /> <input type="password" label="password" key="password" /> <br /> <input type="submit" value="LogIn" style="float:right;"/> <br /> <form>  <form action="register.jsp"> <input type="submit" value="SignUp" type="submit" style="float:right;margin-top:-20px;"/> <form>

see demo here

Answer 2

1）不需要两个表单，您可以使用s:submit并使用action属性。

2）要在同一行上获得两个按钮，您可以使用s:form theme属性

<s:form action="loginAction" theme="simple">
  <s:textfield label="email" key="email" name="email" size="20" /><br/>
  <s:password label="password" key="password" size="20" /><br/>
  <s:submit value="Register" name="registerBtn" />
  <s:submit value="LogIn" name="loginBtn"/>      
</s:form>

更新

则loginAction

String registerBtn = request.getParameter("registerBtn");
String loginBtn = request.getParameter("loginBtn");

//if registerBtn is clicked then it's value Register is get stored in registerBtn.
//if not registerBtn is not clicked then variable registerBtn has null.
if(registerBtn != null)
{
  //return and call action for register.jsp
}
if(loginBtn != null)
{
  //do the login code here
}

要使用request对象，您需要实现ServletRequestAware接口并覆盖setServletRequest方法

public class LoginAction  implements ServletRequestAware
{
   HttpServletRequest request;
   public void setServletRequest(HttpServletRequest arg0) 
   {
      this.request = arg0;      
   }

   //rest of the above updated code here
}

Answer 3

它不是真正最好的解决方案，但到目前为止，我能够解决我的问题它看起来不错，功能还可以，我只是在按钮上添加了css，使它看起来不错 enter image description here

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ page import="java.util.*" %>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Login</title>
</head>
<body>
<s:form action="login">
    <s:textfield label="email" key="email" name="email" size="20" />
    <s:password label="password" key="password" size="20" />
    <s:submit value="LogIn" style="float:left;"/>     
</s:form>
<s:form action="register.jsp">
    <s:submit value="SignUp" type="submit" style="float:right;margin-top:-5px;"/>     
</s:form>
</body>
</html>

Answer 4

解决如下一个带有div标签的另一个用td和div都包含在td中然后tr工作正常

<tr>
                <td class="pageHeader">
                <div class="formButton"><input type="submit" value="Login" name="loginActionForm.loginButton" class="btncolor"/>
</div>
                    <td>
<div class="formButton"><input type="reset" name="loginActionForm.clearButton" value="Clear" class="btncolor" onfocus="document.forms[0].user.focus()"/>
</div></td>
                    </td>

        </tr>

struts中的两个按钮相互内嵌

4 个答案:

更新

则loginAction