首页 > 代码库 > 创建供用户输入的表单

创建供用户输入的表单

    利用相关的表单元素,创建供用户输入的表单,获取用户的输入。

代码如下:

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>taobaodenglvyemian</title>
</head>
<body>
<form action="http://www.taobao.com"method="post">
<lable for ="uesname">&nbsp用户名</lable>
<span style="color:red;">*</span>
<input type="email";id="uesname"/>
<span style="color:gray; font-size:10px">请使用有效的电子邮箱</span>
<br/><br/>
<lable for ="uespassword">&nbsp&nbsp密码</lable>
<span style="color:red;">*</span>
<input type="password";id="uespassword"/>
<span style="color:gray; font-size:10px">密码强度</span>
<span style="color:red; font-size:10px">弱</span>
<span style="color:black; font-size:10px">中</span>
<span style="color:green; font-size:10px">强</span>
<br/><br/>
<lable for="">&nbsp确认密码</lable>
<span style="color:red">*</span>
<input type="text"/>
<br/><br/>
<lable for="">&nbsp注册目标</lable>
<span style="color:red">*</span>
<input type="checkbox"/> 会员
<span style="color:gray; font-size:10px">(快速卖出或买进农产品)</span>
<br/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="checkbox"/> 农业经纪人
<span style="color:gray; font-size:10px">(为广大会员服务,促成农产品交易)</span>
<br/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="checkbox"/> 渠道联盟
<span style="color:gray; font-size:10px">(成为我们的合作伙伴)</span>
<br/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="checkbox"/> 信息员
<span style="color:gray; font-size:10px">(采集发布热点农业信息)</span>
<br/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="color:gray; font-size:10px">备注:请选择您的主职身份,其他身份可以在以后您需要的时候进行扩展</span>
<br/><br/>
<lable for ="uesname">&nbsp姓名</lable>
<span style="color:red;">*</span>
<input type="text"/>
<span style="color:gray; font-size:10px">真实姓名(与身份证件一致)</span>
<br/><br/>
<lable for ="uesname">&nbsp;手机</lable>
<span style="color:red;">*</span>
<input type="text"maxlength="11" />
<span style="color:gray; font-size:10px">11位手机号码</span>
<br/><br/>
<lable for ="">&nbsp;所在区域</lable>
<span style="color:red;">*</span>
<select name="" id="">
<option value="">中国</option>
<option value="">美国</option>
</select>
<select name="" id="">
<option value="">--地区--</option>
<option value="">四川</option>
</select>
<span style="color:gray; font-size:10px">选择您所在的省市</span>
<br/><br/>
<lable for ="">&nbsp验证码</lable>
<span style="color:red;">*</span>
<input type="text"/>
<img src="http://www.mamicode.com/deepin.bmp" />
<a href="http://www.mamicode.com/#"> <span style="color:blue; font-size:10px">看不清,换一个</span></a>
<br/><br/>
&nbsp&nbsp&nbsp&nbsp&nbsp<button> <spa style="color:orangered; font-size:12px">同意以下条款并注册</spa>
</button>
<a href="http://www.mamicode.com/#"><span style="color:gray; font-size:10px">登入</span></a>
<a href="http://www.mamicode.com/#"><span style="color:gray; font-size:10px">找回密码</span></a>
<br/><br/>
&nbsp&nbsp&nbsp&nbsp&nbsp<textarea cols="50" rows="10">
</textarea>
</form>
</body>
</html>

技术分享

创建供用户输入的表单