form表单实现⽤户注册界⾯<input type="元素名称"/>
button: 普通按钮    value=“按钮的⽂字”  js/jquery代码
checkbox 复选框    checked=“checked”默认选中
file 上传控件
hidden 隐藏域  value=“值” 和php脚本程序交互
image 图⽚提交按钮  src=“图⽚路径”图⽚形态
<form> action=“处理页⾯” method=“post/get”
submit  和图⽚提交按钮image功能⼀样按钮形态
password 密码框
radio 单选框排他效果 name=“相同”
text ⽂本框
reset 重置把所有表单元素还原成默认状态
value=“按钮上的⽂字”
<texteara  cols=“⽂本列数”  row=“⽂本⾏数”>  没有滚动条cols+2
代码部分：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>⽆标题⽂档</title>
</head>
<body>
<table border="2px" bordercolor="#FF0000" width="800px" height="700px" align="center">
<tr>
<td valign="top">
<table align="center" border="0px" width="750px">
<tr height="40px" valign="bottom">
<td width="120pxS" align="center"><strong >个⼈资料：</strong></td>
<td ><a >*</a> 为必填项</td>
</tr>
<tr>
<td colspan="2"><hr></td>
</tr>
</table>
<table align="center" border="0px" width="650px">
<tr>
<td align="right" ><a >*</a>验证码：</td>                <td><input type="text"></td>
<td ><img src="1.png"</td>
<td >点击切换</td>
</tr>
<tr>
<td align="right" ><a >*</a>⼿机号码：</td>
<td width="60pxpx"><input type="text"></td>
<td  colspan="2" >最多11个字符，例如：138********</td>
</tr>
<tr>
<td align="right" ><a >*</a>电⼦邮箱：</td>
<td width="60pxpx"><input type="text"></td>
<td  colspan="2" >此邮箱⽤来确认你的⾝份</td>
</tr>
<tr>
<td align="right" ><a >*</a>设置密码：</td>
<td width="60pxpx"><input type="text"></td>
<td  colspan="2" >长度为6-20个字符之间</td>
</tr>
<tr>
<td align="right" ><a >*</a>重置密码：</td>
<td width="60px"><input type="text"></td>
textarea中cols表示
<td  colspan="2" ></td>
</tr>
<tr>
<td align="right" ><a >*</a>姓名：</td>
<td><input type="text"></td>
<td  colspan="2" >请输⼊真实姓名，最多10个字符</td>
</tr>
<tr>
<td align="right" ><a >*</a>昵称：</td>
<td><input type="text"></td>
<td  colspan="2" >请输⼊昵称，最多30个字符</td>
</tr>
<tr>
<td align="right" ><a >*</a>性别：</td>
<td colspan="3" ><input type="radio" name="us">男<input type="radio" name="us">⼥</td>            </tr>
<tr>
<td align="right" ><a >*</a>所在地：</td>
<td colspan="3">
<select >
<option selected>请选择（省）</option>
<option>⼴东省</option>
</select>
<select>
<option selected>请选择（市）</option>
<option>⼴州市</option>
</select>
</td>
</tr>
<tr>
<td align="right" ><a >*</a>固定电话：</td>
<td><input type="text"></td>
<td  colspan="2" >最多12个字符，例如：020********</td>
</tr>
<tr>
<td align="right" ><a >*</a>传真：</td>
<td><input type="text"></td>
<td  colspan="2" >最多12个字符，例如：020********</td>
</tr>
<tr>
<td align="right" ><a >*</a>地址：</td>
<td><input type="text"></td>
<td  colspan="2" >请填写正确的地址</td>
</tr>
<tr>
<td align="right" ><a >*</a>：</td>
<td><input type="text"></td>
<td colspan="2" >最多6个字符，例如：123456</td>
</tr>
<tr>
<td align="right" ><a >*</a>服务条款：</td>
<td colspan="3">
<textarea cols="60" rows="8"></textarea>
</td>
</tr>
<tr>
<td colspan="4" align="center"><a >点击线⾯“我接受”按钮，即表⽰您同意上⾯的服务条款和隐私政策</a></td>
</tr>
<tr>
<td colspan="4" align="center"><a >提醒：您是否已详细阅读并同意关于服务条款？同意，请点击下满：</a></td>
</tr>
<td colspan="4" align="center"><input type="submit" value="我接受，创建我的⽤户"></td>            </tr>
</table>
</td>
</table>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。