首页 / HTML / 用html来设置一个用户登录网页
用html来设置一个用户登录网页
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了用html来设置一个用户登录网页,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含13715字,纯文字阅读大概需要20分钟。
内容图文
![用html来设置一个用户登录网页](/upload/InfoBanner/zyjiaocheng/1106/585dec3259054c52a6a21ad067824c0c.jpg)
这是如何用html标签来写一个网页用户登录的页面,大家可以试着尝试一下多熟悉这些标签
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="#" method="get">
<span> </span>
<!-- 写一个交互的id-->
<label for="userEmail">用户名</label>
<span style="color: red;">*</span>
<input type="email" id="userEmail"/>
<span style="color: grey; font-size: 12px;">请使用邮箱的电子邮箱</span>
<br/><br/>
<span> </span>
<label for="userPassword"> 密码</label>
<span style="color: red;">*</span>
<!-- 密码框-->
<input type="password" id="userPassword"/>
<span style="color: grey; font-size: 12px;">密码强度:</span>
<span style="color: red;font-size: 12px;">弱</span>
<span style="font-size: 12px;">中</span>
<span style="color: green; font-size: 12px;">强</span>
<br/><br/>
<span> </span>
<label for="userPassword"> 确认密码</label>
<span style="color: red">*</span>
<input type="password"id="userPassword1"/>
<br/><br/>
<span> </span>
<label for="">注册目标</label>
<span style="color: red">*</span>
<!-- 在用input写一个多选的选择器-->
<input type="radio"name="sex"/>会员
<span style="color: gray;font-size:12px">(快速卖出或买进产品)</span>
<br/><br/>
<span> </span>
<input type="radio" name="sex" />农业经纪人
<span style="color: gray;font-size: 12px;">(为广大会员服务促进农产品交易)</span>
<br/><br/>
<span> </span>
<input type="radio"name="sex"/>渠道联盟
<span style="color: gray;font-size: 12px">(成为我们的合作伙伴)</span>
<br/><br/>
<span> </span>
<input type="radio"name="sex"/>信息员
<span style="color: gray;font-size: 12px">(采集发布热点农业信息)</span>
<br/><br/>
<span> </span>
<span style="color: gray;font-size: 12px">备注:请选择您的主职身份,其他身份可在以后您需要的时候进行扩展</span>
<br/><br/>
<span> </span>
<label for="username">姓名</label>
<span style="color: red">*</span>
<input type="text"placeholder="姓名" id="username">
<span style="color: gray;font-size: 12px">真实姓名(与身份证件一致)</span>
<br/><br/>
<span> </span>
<!-- 再定义一个交互的id-->
<label for="userphonenubren">手机</label>
<span style="color: red">*</span>
<!-- 文本框-->
<input type="text"placeholder="手机"id="userphonenubren"/>
<span style="color: gray;font-size: 12px">11位手机号码</span>
<br/><br/>
<span> </span>
<label for="">所在区域</label>
<span style="color: red">*</span>
<!-- 下拉列表-->
<select name="" >
<option value="">中国</option>
<option value="">美国</option>
<option value="">澳大利亚</option>
<option value="">新加坡</option>
<option value="">马来西亚</option>
</select>
<select name="" >
<option value=""> ---北  京---</option>
<option value=""> ---不知道---</option>
<option value=""> ---不知道---</option>
<option value=""> ---不知道---</option>
<option value=""> ---不知道---</option>
</select>
<span style="color: gray;font-size: 12px;">选择您所在的省/市</span>
<br/><br/>
<span> </span>
<label for="">验证码</label>
<span style="color: red">*</span>
<input type=""id="name4"style="width:50px"/>
<img src="../img/151209173849244246.jpg"/>
<a href="text2.html">看不清楚,换一个</a>
<br/><br/>
<span> </span>
<span> </span>
<span> </span>
<input type="button"value="同意以下条款并注册"/>
<!-- 超链接-->
<a href="texe4.html">登入</a>
<span> </span>
<a href="text5.html">找回密码</a>
<br/><br/>
<span> </span>
<textarea name="" id="" cols="70" rows="10"></textarea>
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="#" method="get">
<span> </span>
<!-- 写一个交互的id-->
<label for="userEmail">用户名</label>
<span style="color: red;">*</span>
<input type="email" id="userEmail"/>
<span style="color: grey; font-size: 12px;">请使用邮箱的电子邮箱</span>
<br/><br/>
<span> </span>
<label for="userPassword"> 密码</label>
<span style="color: red;">*</span>
<!-- 密码框-->
<input type="password" id="userPassword"/>
<span style="color: grey; font-size: 12px;">密码强度:</span>
<span style="color: red;font-size: 12px;">弱</span>
<span style="font-size: 12px;">中</span>
<span style="color: green; font-size: 12px;">强</span>
<br/><br/>
<span> </span>
<label for="userPassword"> 确认密码</label>
<span style="color: red">*</span>
<input type="password"id="userPassword1"/>
<br/><br/>
<span> </span>
<label for="">注册目标</label>
<span style="color: red">*</span>
<!-- 在用input写一个多选的选择器-->
<input type="radio"name="sex"/>会员
<span style="color: gray;font-size:12px">(快速卖出或买进产品)</span>
<br/><br/>
<span> </span>
<input type="radio" name="sex" />农业经纪人
<span style="color: gray;font-size: 12px;">(为广大会员服务促进农产品交易)</span>
<br/><br/>
<span> </span>
<input type="radio"name="sex"/>渠道联盟
<span style="color: gray;font-size: 12px">(成为我们的合作伙伴)</span>
<br/><br/>
<span> </span>
<input type="radio"name="sex"/>信息员
<span style="color: gray;font-size: 12px">(采集发布热点农业信息)</span>
<br/><br/>
<span> </span>
<span style="color: gray;font-size: 12px">备注:请选择您的主职身份,其他身份可在以后您需要的时候进行扩展</span>
<br/><br/>
<span> </span>
<label for="username">姓名</label>
<span style="color: red">*</span>
<input type="text"placeholder="姓名" id="username">
<span style="color: gray;font-size: 12px">真实姓名(与身份证件一致)</span>
<br/><br/>
<span> </span>
<!-- 再定义一个交互的id-->
<label for="userphonenubren">手机</label>
<span style="color: red">*</span>
<!-- 文本框-->
<input type="text"placeholder="手机"id="userphonenubren"/>
<span style="color: gray;font-size: 12px">11位手机号码</span>
<br/><br/>
<span> </span>
<label for="">所在区域</label>
<span style="color: red">*</span>
<!-- 下拉列表-->
<select name="" >
<option value="">中国</option>
<option value="">美国</option>
<option value="">澳大利亚</option>
<option value="">新加坡</option>
<option value="">马来西亚</option>
</select>
<select name="" >
<option value=""> ---北  京---</option>
<option value=""> ---不知道---</option>
<option value=""> ---不知道---</option>
<option value=""> ---不知道---</option>
<option value=""> ---不知道---</option>
</select>
<span style="color: gray;font-size: 12px;">选择您所在的省/市</span>
<br/><br/>
<span> </span>
<label for="">验证码</label>
<span style="color: red">*</span>
<input type=""id="name4"style="width:50px"/>
<img src="../img/151209173849244246.jpg"/>
<a href="text2.html">看不清楚,换一个</a>
<br/><br/>
<span> </span>
<span> </span>
<span> </span>
<input type="button"value="同意以下条款并注册"/>
<!-- 超链接-->
<a href="texe4.html">登入</a>
<span> </span>
<a href="text5.html">找回密码</a>
<br/><br/>
<span> </span>
<textarea name="" id="" cols="70" rows="10"></textarea>
</form>
</body>
</html>
原文:http://www.cnblogs.com/koubazhuanshu/p/6883067.html
内容总结
以上是互联网集市为您收集整理的用html来设置一个用户登录网页全部内容,希望文章能够帮你解决用html来设置一个用户登录网页所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。