这篇文章给大家分享的是有关jsp中文本框如何对齐的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。
这里我们使用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中文本框如何对齐就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。