struts2标签问题？以下代码怎么修改可以让它排版更好看（code是验证码要和图片在同一行）
<s:formaction="login.action"><s:textfieldname="username"label="Username"></s:textfiel...
<s:form action="login.action">
<s:textfield name="username" label="Username"></s:textfield>
<s:password name="passwd" label="Password"></s:password>
<s:textfield name="code" label="Code"></s:textfield>
<img alt="点击换一张" id="chgImg" title="点击换一张" src="imges/image.jsp">
<s:submit></s:submit><s:reset></s:reset>
</s:form>
如果答案只是说不用s标签而就只使用html标签的话 答案不是我要的哦 展开
<s:textfield name="username" label="Username"></s:textfield>
<s:password name="passwd" label="Password"></s:password>
<s:textfield name="code" label="Code"></s:textfield>
<img alt="点击换一张" id="chgImg" title="点击换一张" src="imges/image.jsp">
<s:submit></s:submit><s:reset></s:reset>
</s:form>
如果答案只是说不用s标签而就只使用html标签的话 答案不是我要的哦 展开
2个回答
展开全部
Struts 2默认的theme设置会把表单元素变成表格，这样你就没法添内容在右边了。
所以，思路应该是改成"css_html"，然后用CSS来控制它，让验证码浮动在右边。
最好是在每一行表单元素外面填一个<div>，便于统一控制。
我顺便做了一下居中，效果如下：
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<style>
*{
box-sizing: border-box;
}
.myform {
width: 350px;
margin: 20px auto;
}
.form_field{
display: block;
width: 100%;
text-align: left;
margin: 10px auto;
verticle-align: center;
}
.form_field>div{
display: inline-block;
}
.form_field>img{
display: inline-block;
width: 60px;
height: 20px;
float: right;
}
.wwlbl{
display: inline-block;
width: 30%;
text-align: right;
}
.wwctrl{
width: 80%;
}
.wwgrp{
display: inline-block;
width: 80%;
}
</style>
</head>
<body>
<s:form action="login.action" cssClass="myform" theme="css_xhtml">
<div class="form_field">
<s:textfield name="username" label="Username" labelposition="left"></s:textfield>
</div>
<div class="form_field">
<s:password name="passwd" label="Password" labelposition="left"></s:password>
</div>
<div class="form_field">
<s:textfield name="code" label="Code" labelposition="left"></s:textfield>
<img alt="点击换一张" id="chgImg" title="点击换一张" src="imges/image.jsp">
</div>
<div class="form_field" style="text-align:center;">
<s:submit align="center"></s:submit>
<s:reset align="center"></s:reset>
</div>
</s:form>
</body>
</html>
看看可以不？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
