居民信息与个人资料表单设计-优快云博客

本文介绍了一个包含居民信息和个人详细资料的表单设计案例。表单中记录了户主姓名、与户主的关系、户口类型等基本信息，并进一步收集了如性别、身份证号、联系方式等个人详细资料。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!--
关于<fieldset>
          <legend>用户信息</legend>
          <table>......</table>
      </fieldset>
<fieldset>
-->					<legend>居民信息表</legend>
				   <table  cellspacing="0" cellpadding="0" width="100%" align="center" border="0">
					<tr valign="middle">
					  <td width="16%" align="center" class="NewArticleTitle1">户主姓名</td>
					  <td align="left" colspan="2">
						<input name="hzxm" readonly="readonly" class="From_text_150" value="${person.family.hzxm}"/>
					  </td>
					  <td width="16%" align="center" class="NewArticleTitle1">与户主关系</td>
					  <td align="left" colspan="2">
						<input type="hidden" name="yhzgx" id="yhzgx" value="${person.yhzgx}" />
						<input name="yhzgx_txt" readonly="readonly" class="in_text" style="width: 80px;" id="yhzgx_txt" value="<c2w:code2word code='${person.yhzgx}' key='person.yhzgx' scope='file'/>"/>	              
					  </td>
					</tr>
					<tr valign="middle">
					  <td width="16%" align="center" class="NewArticleTitle1">户口类型</td>
					  <td align="left" colspan="5">
						<text:out key="person.hklx"/>
						<text:textbox name="hklx" num="1" size="1" value="${person.hklx}" onblur="validateInput" valueRange="person.hklx"/>	              
					  </td>
					</tr>
					<tr>        
					  <td align="center" class="NewArticleTitle1">户籍地址</td>
					  <td align="left" colspan="5">
						<input name="hjdz" class="From_text_300" value="${person.hjdz }"/>	              </td>
					</tr>
					<tr>  
					  <td width="16%" align="center" class="NewArticleTitle1" >现&nbsp;住&nbsp;址</td>
					  <td align="left" colspan="5"><input name="xzz" class="From_text_300" value="${person.xzz }"/></td>
					</tr>
				  </table>
				</fieldset>
				<fieldset>
					<legend>个人信息表</legend>
					<table>
						<tr>
						 <td colspan="6" style="font-size: 17px;font-weight: bold;text-align: center;"></td>
							</tr>
							<tr valign="middle">
							  <td width="16%" align="center" class="NewArticleTitle1">性别</td>
							  <td align="left" colspan="3">
								<text:out key="person.xb"/>
								<text:textbox name="xbbm" num="1" size="1" value="${person.xbbm}" onblur="validateInput" valueRange="person.xb"/>
								<span style="color:red;">*</span>
							  </td>
							  <td align="center" class="NewArticleTitle1">出生日期</td>
							  <td  align="left">
								
								<span style="color:red;">*</span>
							  </td>
							</tr>
							<tr valign="middle">
							  <td width="16%" align="center" class="NewArticleTitle1">父亲姓名</td>
							  <td align="left" colspan="2">
								<input name="fathorName" class="From_text_200" value="${person.zjhm}" />
							  </td>
							  <td width="16%" align="center" class="NewArticleTitle1">母亲姓名</td>
							  <td align="left" colspan="2">
								<input name="mathorName" class="From_text_200" value="${person.gzdw }"/>
							  </td>
							</tr>
							<tr valign="middle">
							  <td width="16%" align="center" class="NewArticleTitle1">身份证</td>
							  <td align="left" colspan="2">
								<input name="zjhm" class="From_text_200" value="${person.zjhm}" onblur="checkPersonSfzIsExist(this);"/>
							  </td>
							  <td width="16%" align="center" class="NewArticleTitle1">工作单位</td>
							  <td align="left" colspan="2">
								<input name="gzdw" class="From_text_200" value="${person.gzdw }"/>
							  </td>
							</tr>
							<tr valign="middle">
							  <td width="16%" align="center" class="NewArticleTitle1">本人电话</td>
							  <td align="left">
								<input name="brdh" class="From_text_150" value="${person.brdh }"/>
							  </td>
							  <td align="center" class="NewArticleTitle1">联系人姓名</td>
							  <td align="left">
								<input name="lxrxm" class="From_text_150" value="${person.lxrxm }"/>
							  </td>
							  <td align="center" class="NewArticleTitle1">联系人电话</td>
							  <td align="left">
								<input name="lxrdh" class="From_text_150" value="${person.lxrdh }"/>
							  </td>
							</tr>
						</table>
				  </fieldset>