首页 > 代码库 > 创建供用户输入的表单
创建供用户输入的表单
利用相关的表单元素,创建供用户输入的表单,获取用户的输入。
代码如下:
<!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"> 用户名</lable>
<span style="color:red;">*</span>
<input type="email";id="uesname"/>
<span style="color:gray; font-size:10px">请使用有效的电子邮箱</span>
<br/><br/>
<lable for ="uespassword">  密码</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=""> 确认密码</lable>
<span style="color:red">*</span>
<input type="text"/>
<br/><br/>
<lable for=""> 注册目标</lable>
<span style="color:red">*</span>
<input type="checkbox"/> 会员
<span style="color:gray; font-size:10px">(快速卖出或买进农产品)</span>
<br/>
<input type="checkbox"/> 农业经纪人
<span style="color:gray; font-size:10px">(为广大会员服务,促成农产品交易)</span>
<br/>
<input type="checkbox"/> 渠道联盟
<span style="color:gray; font-size:10px">(成为我们的合作伙伴)</span>
<br/>
<input type="checkbox"/> 信息员
<span style="color:gray; font-size:10px">(采集发布热点农业信息)</span>
<br/>
<span style="color:gray; font-size:10px">备注:请选择您的主职身份,其他身份可以在以后您需要的时候进行扩展</span>
<br/><br/>
<lable for ="uesname"> 姓名</lable>
<span style="color:red;">*</span>
<input type="text"/>
<span style="color:gray; font-size:10px">真实姓名(与身份证件一致)</span>
<br/><br/>
<lable for ="uesname"> 手机</lable>
<span style="color:red;">*</span>
<input type="text"maxlength="11" />
<span style="color:gray; font-size:10px">11位手机号码</span>
<br/><br/>
<lable for =""> 所在区域</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 =""> 验证码</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/>
     <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/>
     <textarea cols="50" rows="10">
</textarea>
</form>
</body>
</html>
创建供用户输入的表单
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。