Fatal编程技术网
  • java/
  • Java struts中的两个按钮相互内联

Java struts中的两个按钮相互内联

java html css jsp struts2

Java struts中的两个按钮相互内联,java,html,css,jsp,struts2,Java,Html,Css,Jsp,Struts2,虽然看起来很简单，但我不知道如何将两个按钮放在一起，尤其是因为它们具有不同的功能。我有一个表单，它使用一个登录按钮和一个注册按钮登录用户，让用户注册。它们有两种不同的形式。关于如何将“登录”按钮与“注册”按钮对齐，请看我的“登录”图像 ang这是我登录jsp的代码..我可以使用js或其他尽可能多的东西将它们与out对齐吗？我只想通过jsp将它们对齐..有什么方法可以做到这一点吗 <%@ page language="java" contentType="text/html; charse

虽然看起来很简单，但我不知道如何将两个按钮放在一起，尤其是因为它们具有不同的功能。我有一个表单，它使用一个登录按钮和一个注册按钮登录用户，让用户注册。它们有两种不同的形式。关于如何将“登录”按钮与“注册”按钮对齐，请看我的“登录”图像

ang这是我登录jsp的代码..我可以使用js或其他尽可能多的东西将它们与out对齐吗？我只想通过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]

从注册按钮中删除
浮动
，并将其应用于
表单
字段，它应该可以工作

同时，将
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 method="post" ACTION="pagination.jsp"> 
<input type="submit" value="View"> 
</form--> 
<form action="register.jsp"> 
<input type="submit" value="SignUp" type="submit" style="float:right;margin-top:-20px;"/> 
<form>
1）不需要两个表单，您可以使用和使用
操作
属性

2） 要在同一行上获得两个按钮，可以使用
theme
property

<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>
要使用
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
}
这并不是最好的解决方案，但到目前为止，我能够解决我的问题。它看起来不错，功能也不错。我只是在按钮上添加了css，让它看起来不错 


登录
如下图所示解决一个带有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>
有点变了，看起来像是这个注册按钮，下面是密码，下面是登录按钮，所有按钮都在屏幕右侧。这是我的代码，你希望按钮对齐的方式是什么？？？我无法理解…这是当前的输出=>我看到了你的小提琴很好，我更新了一张图片，向您展示了我是如何想要它的。我不知道我尝试了您的方式，但它不起作用。只需使用
边距顶部：-20px取决于您的其他css…这将为您带来好处！：）新年快乐，编码快乐我已经实现了我想要的外观，但我牺牲了功能注册按钮不再工作它的功能就像登录按钮的功能。代码很棒这是我看起来非常适合的，伙计哈哈哈，但我想我可以修复this@satinekianne：很乐意帮忙：）事实上我可以按注册按钮工作它的功能不是我想要的，它的功能是登录按钮的功能，但UI是完美的唯一问题是功能不再相同了我认为需要表单你认为呢？我正在尝试它..看起来像这样，当我单击“注册”时，看到你的代码的我的版本登录功能我不知道我哪里弄错了，你能检查一下吗？是的，你可以删除它，但是你不会在同一行有两个按钮。我的建议是，你可以创建，在两个
td
中放置两个按钮，并使用简单的html标记创建表单。请用插图对你的答案进行更多解释，使其更清晰。我已将你的代码放在代码块中（因为你不能只在答案中粘贴html代码）。现在请把它和给它一个干净的格式。谢谢

<%@ 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>



<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>