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

2023-11-16

结果


代码
<!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>
用到的图片


本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

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

随机推荐

  • Centos 7 - Anaconda3 安装教程及报错集锦 - 取消自动激活 base 环境方法

    目录 序言 1 报错 WARNING cannot verify mirrors tuna tsinghua edu cn s certificate issued by C US O Let s Encrypt CN R3 Issued
  • 人工智能之深度学习-初始环境搭建(安装Anaconda3和TensorFlow2步骤详解)

    Python微信订餐小程序课程视频 https edu csdn net course detail 36074 Python实战量化交易理财系统 https edu csdn net course detail 35475 前言 本篇文章
  • ubuntu16.04 编译ARM平台qt5.12.3

    环境 系统 ubuntu16 04 开发板 IMAX8 IMAX8交叉编译工具aarch64 linux gnu 编译步骤 1 配置交叉编译环境 sudo gedit etc bash bashrc 在最后一行加入交叉编译工具的bin目录
  • TypeScript 快速入门

    目录 第一章 快速入门 0 TypeScript简介 1 TypeScript 开发环境搭建 2 基本类型 3 编译选项 4 webpack 5 Babel 第一章 快速入门 0 TypeScript简介 TypeScript是JavaSc
  • 整数类型

    C 中提供的整数类型有三种 int long short 每种类型又分为有符号和无符号两种类型 有符号整数既可以表示非负整数 又可以表示负整数 但是 无符号整数不能表示负数 只能表示非负整数 一 无符号整数 在内存中 int整数通常占4字节
  • NFC----PN532

    一 PN532简介 1 1 PN532由NXP出品 是一款高度集成的载波的13 56MHz传输模块 基于80C51内核有40KROM 1KRAM 使用不同的固件支持13 56MHz频段的无线协议 硬件接口 I2C SPI 高速UART HS
  • 网络阶段总结

    网络阶段总结 1 网络访问常用代码格式 NSURL url nil NSURLRequest requst NSURLRequest requestWithURL url cachePolicy 0 timeoutInterval 10 0
  • 机器学习算法学习一--------学习链接

    1 这个github是java的机器学习算法 对于我这个java程序员来说 挺不错的点击打开链接 2 这个博客基础理论不错点击打开链接
  • -bash: cannot create temp file for here-document: No space left on device

    1 现象 登陆Linux系统后 cd 到某个指定目录时使用tab键的时候报以下错误 bash cannot create temp file for here document No space left on device 2 原因 不能
  • Vue项目中使用el-form校验用户输入字段是否符合条件验证-demo

    实现效果 实现 div class registerWarp div
  • [分割一切!] SegmentAnything真的太强了

    相信大家最近都听说了Meta开源了一个图像分割模型 SegmentAnything Model 简称SAM模型 号称分割一切 在短短开源的一周内 截止今天Github已经24k的star了 看了很多推文各种炸裂的词都出来了 最近也是体验了一
  • python 安装 并运行 uwsgi

    安装 pip install uwsgi 虚拟环境下执行uwsgi uwsgi socket tmp test sock w var pyproject ci env test py 运行成功 则安装成功 创建ini文件 var pypro
  • mac升级catalina后CoreFoundation.h not found的问题处理

    mac升级catalina之后问题贼多 原来跑的顺利的项目出了一堆问题 把这个问题的解决过程转发一下 供大家参考吧 https cloud tencent com developer article 1629899
  • (Ext基础篇) Ext表格控件

    Ext中的表格功能非常强大 包括排序 缓存 拖动 隐藏某一行 自动显示行号 列汇总 单元格编辑等实用功能 表格由类Ext grid GridPanel定义 继承自Panel 其xtype为Grid 在Ext中 表格控件Grid必须包含列定义
  • win10 docker部署tomcat、mysql、drlog

    一 安装Docker服务 1 1 下载安装docker desktop 我是win10系统 选择windows版本 1 2 启动docker desktop 1 3 安装Java 二 通过Docker部署Tomcat服务器 2 1 搜索to
  • C语言system函数使用

    函数原型 包含在头文件 stdlib h 中 int system const char command 函数功能 执行 dos windows系统 或 shell Linux Unix系统 命令 参数字符串command为命令名 另 在w
  • 牛顿迭代法原理讲解

    牛顿迭代法原理讲解 牛顿迭代法是用于求解等式方程的一种方法 类似于求解F x 0的根 牛顿迭代法求解的是近似根 这个想法准确来说来源于泰勒展开式 我们知道 有些时候 我们需要求解的表达式可能非常复杂 通过一般的方法 我们很难求出它的解 所以
  • linux 虚拟机不能启动不了系统,群晖VMM虚拟机安装Linux系统无法启动桌面的解决办法...

    去年群晖科技为DSM系统推出虚拟化套件 Virtual Machine Manager 可在NAS上直接安装各种虚拟机等 而Linux 虚拟机在蓝点网测试过程中则是发现存在远程桌面无响应问题 点击画面任何位置都无法进行操作 关于这个问题从网
  • 数据库中表数据备份

    目的 在所有的数据仓库类项目中几乎都会涉及到数据库中表数据备份的操作 主要是为了对一些结果数据进行备份 防止误操作 过程 一 背景 本次我们用的方法是通过在数据库中建立一个备份用户进行数据备份的操作 原因是现在的数据库一般是基于HDFS开发
  • 【html】【一个简单的用户登录页面代码】

    结果 代码