html表单
来源：互联网 发布：字体转换器软件下载 编辑：程序博客网 时间：2024/06/05 12:44
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>表格</title><style type="text/css"> </style></head><body><!-- 创建表单域 --><form action="" method="post" name=""><!-- 创建表格，设置边框，宽度，高度，单元格间距，单元格文本距离 --><table border="0" width="500" height="200" cellspacing="0" cellpadding="2" align="center"><!-- 设置表格标题 --> <caption>请您填写域名信息（请务必填写真实，有效和完整的域名注册信息）</caption><tr><!-- 设置单元格向右对齐 --><td align="right">登陆账号:</td><!-- 设置单元格向左对齐和规定输入字段宽度 --><td align="left"><input type="text" name="" id="" size="10" /></td></tr><tr><td align="right"><label for="mima">密码:</label></td><!-- 设置密码输入最大字符数 --><td align="left"><input type="password" name="" id="mima" maxlength="15" /></td></tr><tr><td align="right">性别:</td><!-- 创建单选框，默认"男"用checked="checked"，其name值需要保持一致 --><td align="left"><input type="radio" name="sex" id="" / checked="checked">男 <input type="radio" name="sex" id="" />女</td></tr><tr><td align="right">注册网址:</td><!-- 创建复选框，name值可以不一致 --><td align="left"><input type="checkbox" name="wzhz" id="" checked="checked" value="www" />.com <input type="checkbox" name="wzhz" id="" checked="checked"/>.cn <input type="checkbox" name="wzhz" id="" checked="checked"/>.net <input type="checkbox" name="wzhz" id=""checked="checked" />.org </td></tr><tr><td align="right">域名所有者(中文):</td><td align="left"><input type="text" name="" id="" /></td></tr><tr><td align="right">域名所有者(拼音):</td><td align="left"><input type="text" name="" id="" /></td></tr><tr><td align="right">注册网址:</td> <td align="left"><input type="add" name="" id="" /></td> </tr> <tr><td align="right">所属区域</td><!-- 创建下拉列表选项框 默认设置selected="selected" --><td><select><option value="">地区</option><option value="" selected="selected" >中国</option><option value="">俄罗斯</option><option value="">英国</option><option value="">美国</option><option value="">法国</option> </select> <select><option value="" selected="selected">省份 </option><option value="">湖北省</option><option value="">湖南省</option><option value="">江苏省</option><option value="">北京市</option><option value="">天津市</option> </select> </td></tr><tr><td align="right">单位所在地:</td><td align="left"><input type="szaddress" name="" id="" /></td></tr><tr><td align="right">单位负责人:</td><td><input type="person" name="" id="" /></td></tr><tr><td align="right">通信地址:</td><td align="left"><input type="address" name="" id="" /><br/></td></tr><tr><td align="right">联系电话:</td><td><input type="tel" name="" id="" /></td></tr><tr><td></td><!-- 创建提交按钮和重置按钮 --><td align="left"><input type="submit" value="提交" /><input type="reset" value="重置" /></td></tr></table></form></body></html>
总结：表单对齐，可以尝试用创建表格（table）创建框架在去编辑表单内容，已达到美观效果
0 0
