这里我们使用table表格来让Jsp页面的文字和文本框对齐。

border="0" cellpadding="0" cellspacing="20",

第一个参数是页边距要设置0,第二个参数是用来指定单元格内容与单元格边界之间的空白距离的大小,第三个参数是外边距为20(就是行和行之间的间距)

下面请看示例:

<div id="tt" class="easyui-tabs">
	<div title="基本信息">
		<table align = "center" border="0" cellpadding="0" cellspacing="20"><!-- cellspacing="80"这个是外间距, -->
		<tr>
		<td>账号:</td>
		<td><input type="text" name="account" id="Account" /><span
		id="er"></span> <label for="Account"></label></td>
		</tr>
		</br>
		<tr>
		<td>密码:</td>
		<td><input type="text" name="Password" id="Password" /> <label
		for="Password"></label></td>
		</tr>
		<tr>
		<td>请再输入一次密码:</td>
		<td><input type="text" name="Enter_the_password_again"
		id="Enter_the_password_again" /> <label
		for="Enter_the_password_again"></label></td>
		</tr>
		<tr>
		<td>常用手机号码:</td>
		<td><input type="text" name="Phonenumber" id="Phonenumber" /> <label
		for="Phonenumber"></label></td>
		</tr>
		<tr>
		<td>真实姓名:</td>
		<td><input type="text" name="Realname" /></td>
		</tr>

		<tr>
		<td>身份证号码:</td>
		<td><input type="text" name="Idcardnumber" /></td>
		</tr>
		<tr>
		<td>代理地区:</td>
		<td><select id="Province" name="Province"></select> <select
		id="City" name="City"></select> <select id="Area" name="Area"></select>

		<script type="text/javascript">
			addressInit('Province', 'City', 'Area');
		</script></td>
		</tr>
		<tr>
		<td>公司名称:</td>
		<td><input type="text" name="Nameofcompany" /></td>
		</tr>
		<tr>
		<td>推荐人ID:</td>
		<td><input type="text" name="Referees" /></td>
		</tr>
		<tr>
		<td>代理法人照片(手持身份证):</td>
		<td><input type="file" id="file1" name="Photoagencyasalegalperson" />

		</td>
		</tr>
		<tr>
		<td>营业执照:</td>
		<td><input type="file" id="file2" name="Thebusinesslicense" />

		</td>
		</tr>
		<tr>
		<td>营业执照副本:</td>
		<td><input type="file" id="file3" name="Duplicateofbusinesslicense" />

		</td>
		</tr>
		<tr>
		<td>银行开户许可证:</td>
		<td><input type="file" id="file4" name="Thebankopensanaccountlicence" />

		</td>
		</tr>
		<tr>
		<td>父级代理ID:</td>
		<td><input type="text" name="Pid" /></td>
		</tr>
		</tr>
		</table>
	</div>
</div>

以上就是jsp中文本框怎么对齐的详细内容,更多请关注自学java网其它相关文章!

声明:有的资源均来自网络转载,版权归原作者所有,如有侵犯到您的权益 请联系邮箱:our333@126.com我们将配合处理!

原文地址:jsp中文本框怎么对齐发布于2021-11-26 11:32:01