две кнопки в стойках в ряд друг с другом

0

так просто, как кажется, я понятия не имею, как поместить две кнопки в линию друг с другом, особенно, поскольку они имеют разные функции. У меня есть 1 форма, которая регистрируется пользователем с кнопкой входа в систему и кнопкой регистрации, которая позволяет пользователю зарегистрироваться. они находятся в двух разных формах. Любая идея о том, как выровнять кнопку входа в систему с кнопкой регистрации, - это изображение моего входа в систему

Изображение 174551

ang здесь мой код для входа в 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>

UPDATE: возможно ли это выглядеть так? [Введите описание изображения здесь] [2]

Изображение 174551

Теги:
jsp
struts2

4 ответа

0
Лучший ответ

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 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
}
Поделиться
  • 0
    я добился того, чего хочу, но я пожертвовал функциональностью кнопка регистрации больше не работает, ее функции похожи на функцию входа в систему кнопки ... код это здорово, это то, что я выгляжу идеально подходящим товарищем ахахахаха, но я думаю, что могу это исправить
  • 0
    @satinekianne: рад помочь :)
Показать ещё 11 комментариев
0

разрешите, как показано ниже, с тегом 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>
Поделиться
  • 0
    Пожалуйста, добавьте объяснение вашего ответа с иллюстрациями, чтобы сделать его более понятным
  • 1
    Я поместил ваш код в блок кода (потому что вы не можете просто вставить HTML-код в свой ответ). Теперь, пожалуйста, отредактируйте его и дайте ему чистое форматирование. Благодарю.
0

это действительно не лучшее решение, но до сих пор мне удалось найти работу по моей проблеме, она выглядит хорошо, и функции в порядке, я просто добавил css на кнопках, чтобы они выглядели хорошо Изображение 174551

<%@ 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>
Поделиться
0

Удалите float из кнопки регистрации и вместо этого примените его в поле form и он должен работать... см. Базовую демонстрацию здесь

Кроме того, добавьте свойства 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>

см. демо здесь

Поделиться
  • 0
    немного повернут, похоже, эта кнопка регистрации встроена в линию с адресом электронной почты, под ним пароль, а под ним кнопка входа в систему - все они в правой части экрана ... здесь мой код <s: form action = "login" style = "float: right"> <s: textfield label = "email" key = "email" name = "email" /> <s: password label = "password" key = "password" /> <s: отправить значение = "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>
  • 0
    как именно вы хотите, чтобы кнопки были выровнены ??? я не могу понять ... это текущий вывод => jsfiddle.net/gH7qM
Показать ещё 7 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню