【html】【一个简单的用户登录页面代码】

【html】【一个简单的用户登录页面代码】结果代码<!DOCTYPEhtml><html><head><title>用户登录.html</title> <metahttp-equiv="keywords"content="keyword1,keyword2,keyword3"><met

大家好,又见面了,我是你们的朋友全栈君。

结果

【html】【一个简单的用户登录页面代码】

代码

<!DOCTYPE html>
<html>
  <head>
    <title>用户登录.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body>
    <form name="user" action="#" method="get">
    	<table  align="center">
    		<tr>
    			<td>用户名</td>
    			<td>
    				<input type="text" name="username" />
				</td>
    		</tr>
    		<tr>
    			<td>密码</td>
    			<td>
    				<input type="password"/>
				</td>
    		</tr>
    		<tr>
    			<td>性别</td>
    			<td>
    				<input type="radio" name="name" checked="checked"/>男
    				<input type="radio" name="name"/>女
				</td>
    		</tr>
    		<tr>
    			<td>地址</td>
    			<td>
    				<select>
    					<option>北京</option>
    					<option>天津</option>
    					<option>上海</option>
    				</select>
    				<select>
    					<option>海淀区</option>
    					<option>朝阳区</option>
    					<option>昌平区</option>
    				</select>
				</td>
    		</tr>
    		<tr>
    			<td>爱好</td>
    			<td>
    				<input type="checkbox" name="sport" checked="checked"/>运动
    				<input type="checkbox" name="basketball"/>篮球
    				<input type="checkbox" name="volleyball"/>排球
				</td>
    		</tr>
    		<tr>
    			<td>邮箱</td>
    			<td>
    				<input type="text" name="emall" />
				</td>
    		</tr>
    		<tr>
    			<td>电话号码</td>
    			<td>
    				<input type="text" name="phone" />
				</td>
    		</tr>
    		<tr>
    			<td>上传头像</td>
    			<td>
    				<input type="file" name="file" />
				</td>
    		</tr>
    		<tr>
    			<td>其他</td>
    			<td>
    				<textarea rows="15" cols="50"></textarea>
				</td>
    		</tr>
    		<tr>
    			<td></td>
    			<td>
    				<input type="button" value="普通按钮"/>
    				<input type="submit" name="tijiao" value="注册"/>
    				<input type="reset" name="quxiao" value="取消"/>
				</td>
    		</tr>
    		<tr>
    			<td></td>
    			<td>
    				<input type="image" name="img" src="btn.gif"/>
				</td>
    		</tr>
    	</table>
    </form>	
  </body>
</html>

用到的图片

【html】【一个简单的用户登录页面代码】

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/131142.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 研招网的准考证还能下载吗_考研准考证还能下载吗

    研招网的准考证还能下载吗_考研准考证还能下载吗下载打印方式往下看,有手把手教学。【考生请注意】据了解,《准考证》由考生使用A4幅面白纸在规定时间内(2021年12月10日开始至12月27日)上网自行下载打印。《准考证》正、反两面在使用期间均不得涂改或书写。考生凭下载打印的《准考证》及居民身份证参加考研初试和复试。考生凭本人《准考证》及有效居民身份证按规定时间进入考场,对号入座。入座后将上述证件放在桌面左上角,以便核验。请考生下载《准考证》前认真阅读报考点所在地省(区、市)考生防疫有关要求,并认真关注《准考证》上“省级招生考试…

    2022年9月7日
  • Pycharm专业版以及通过高校邮箱激活「建议收藏」

    Pycharm专业版以及通过高校邮箱激活「建议收藏」Pycharm专业版下载官网:https://www.jetbrains.com/官网下载速度也很快,如果实在下不下来可以找找百度云资源。这里我使用的2019版本,因为在使用2020最新版本安装的时候出现问题-在用高校邮箱激活时弹出报错框,大致的内容就是让你修改host文件什么的。因此为了不必要的麻烦,可以使用和我一样的版本2019.1.4下载完成之后,点击exe文件进行安装,具体安装步骤不再说了(网上教程很多),之后进行环境变量的配置(见其他教程)。高校邮箱激活安装之后进行高校邮箱的认证。这

    2022年8月26日
  • java中notify作用_notify的过去式

    java中notify作用_notify的过去式用Java通知vsnotifyAllnotify和notifyAll方法之间有什么区别是棘手的Java问题之一,这很容易回答但是一旦访问者提出后续问题,你要么感到困惑,要么无法提供明确的答案?notify和notifyAll之间的主要区别在于notify方法只通知一个Thread,notifyAll方法将通知在该监视器上等待的所有线程或锁定。顺便说一句,这是你在各地阅读的内容,坦率地说,这句话…

    2022年9月8日
  • 示例:Netty 处理 TCP数据分包协议

    示例:Netty 处理 TCP数据分包协议

    2022年1月10日
  • 阿里云服务器配置ssl证书_阿里云服务器配置选择

    阿里云服务器配置ssl证书_阿里云服务器配置选择阿里云配置SSL证书证书申请概览![在这里插入图片描述](https://img-blog.csdnimg.cn/20210511153723521.png)申请配置证书申请概览申请两种方式:进入阿里云控制台页面->安全(模块/菜单)->SSL证书;在阿里云搜索框中进行搜索ssl证书点击进入;购买证书需要注意的是已过期的证书是没有到期新购操作的,只能重新购买。Symantec免费SSL证书我们选择Symantec免费型DVSSL,不花钱0元就可以购买。这个免

    2022年10月3日
  • 13个Python GUI库

    13个Python GUI库PythonPython是一门高级编程语言。它用于通用编程。Python语言由GuidovanRossum创建,并于1991年首次发布。Python的设计哲学着重于代码的可读性。因此空白在Python中具有重要的意义。Python提供了允许在小规模和大规模上编程的设计理念,而且具有一个非常庞大的标准库。Python使用动态类型系统,并具有自动内存管理功能。更多Python视…

    2022年7月20日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号