【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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 笔记本运行游戏卡顿的调整方法_电脑玩游戏间歇性卡顿

    笔记本运行游戏卡顿的调整方法_电脑玩游戏间歇性卡顿笔记本电脑玩游戏为什么卡顿?笔记本电脑玩游戏卡顿是指在正常情况下笔记本电脑明明可以流畅的运行该游戏,却在游戏时出现了游戏帧数突然降低,过一段时间又恢复正常的毛病。这就让我们很尴尬了,玩游戏进入高潮的时候卡顿是有分分钟想砸电脑的节奏啊。那么该如何解决笔记本玩游戏卡顿的问题呢?下面小编就详细的为大家为大家介绍解决笔记本电脑游戏卡顿的方法。无论台式机还是笔记本玩游戏都存在相同的问题

    2025年9月2日
    6
  • MySQL删除表中内容

    MySQL删除表中内容1 删除表中所有数据 但保留表结构 可用以下两个语句 truncatetabl 表名 deletefrom 表名 2 删除表中部分数据 deletefrom 表名 where 条件 3 删除表结构及数据 droptable 表名

    2025年8月1日
    7
  • vim 配置文件 .vimrc

    vim 配置文件 .vimrc在终端下使用vim进行编辑时,默认情况下,编辑的界面上是没有显示行号、语法高亮度显示、智能缩进等功能的。为了更好的在vim下进行工作,需要手动设置一个配置文件:.vimrc。在启动vim时,当前用户根目录下的.vimrc文件会被自动读取,该文件可以包含一些设置甚至脚本,所以,一般情况下把.vimrc文件创建在当前用户的根目录下比较方便,即创建的命令为:$vi~/.vi

    2022年5月7日
    45
  • 全源最短路径问题采用Floyd算法进行求解_floyd算法求最短路径是贪心吗

    全源最短路径问题采用Floyd算法进行求解_floyd算法求最短路径是贪心吗前言在图论中,在寻路最短路径中除了Dijkstra算法以外,还有Floyd算法也是非常经典,然而两种算法还是有区别的,Floyd主要计算多源最短路径。在单源正权值最短路径,我们会用Dijkstra算法来求最短路径,并且算法的思想很简单—贪心算法:每次确定最短路径的一个点然后维护(更新)这个点周围点的距离加入预选队列,等待下一次的抛出确定。虽然思想很简单,实现起来是非常复杂的,我们需要邻接矩阵(表)储存长度,需要优先队列(或者每次都比较)维护一个预选点的集合。还要用一个boolean数组标记是否已经确定、

    2025年8月12日
    2
  • 在pycharm中配置Anaconda的python工具包_pycharm配置远程解释器

    在pycharm中配置Anaconda的python工具包_pycharm配置远程解释器PyCharm导入Anaconda,进行环境搭建与配置设置;或PyCharm导入Python3.x,进行环境搭建与配置设置。PyCharm配置Anaconda3.0解释器方法如下:本人使用的是Anaconda3+PyCharm,因此是将Anaconda3导进PyCharm,将两者进行配置,搭建环境,进行相关设置。如果你使用的是Python+PyCharm,相关操作类似。首先,新建一个项目文件…

    2022年8月28日
    4
  • eureka 原理_什么是swot分析方法

    eureka 原理_什么是swot分析方法#总结eureka内部实际上是分为三个实例的,分别是Client,Server和Instance,Eureka-Client启动,创建Instance实例,封装成对象,推送给server,server接收Instance对象,返回实例集合,并签订租约,client定时发动续租请求到server,server维护各个instance实例,服务之间调用不通过eureka。#Eureka-Clie…

    2022年8月30日
    3

发表回复

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

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