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

相关推荐

  • linux的crontab用法_crontab详解

    linux的crontab用法_crontab详解crontab是用来让使用者在固定时间或固定间隔执行程序之用,类似于windows的计划任务安装: yum-yinstallvixie-cron yum-yinstallcrontabs启动、关闭、重启:/sbin/servicecrondstart#启动服务/sbin/servicecrondstop#关闭服务/sbin/servicecrond…

    2022年8月24日
  • 磁盘加密

    磁盘加密

    2022年3月12日
  • js向数组指定位置添加元素[通俗易懂]

    js向数组指定位置添加元素[通俗易懂]一、JavaScriptsplice()方法splice()方法向/从数组中添加/删除项目,然后返回被删除的项目。方法实例//在数组指定位置插入varfruits=[“Banana”,”Orange”,”Apple”,”Mango”];fruits.splice(2,0,”Lemon”,”Kiwi”);//输出结果//Banana,Orange…

    2022年8月10日
  • tkmapper教程_tkr和tka的区别

    tkmapper教程_tkr和tka的区别tkMapper入门1、tkMapper介绍1.1SpringBoot整合MyBatis以及tkMapper1.2在启动类上修改注解`@MapperScan`2、tkMapper的使用2.1创建数据表2.2创建实体类2.3创建Mapper接口2.4测试3、tkMapper的常用方法3.1类别实体类3.2类别接口增加修改删除查询查询所有根据主键查询条件查询分页查询带条件的分页查询关联查询1、通过多个单表操作实现2、自定义连接查询2.1、在DAO接口自定义方法2.2、创建Mapper文件1、

    2022年10月7日
  • vuex持久化插件-解决浏览器刷新数据消失问题

    vuex持久化插件-解决浏览器刷新数据消失问题

    2021年7月4日
  • 方法区和常量池_字符串常量池在堆中还是方法区

    方法区和常量池_字符串常量池在堆中还是方法区最近一直被方法区里面存着什么东西困扰着?    1.方法区里存class文件信息和class文件常量池是个什么关系。    2.class文件常量池和运行时常量池是什么关系。         方法区存着类的信息,常量和静态变量,即类被编译后的数据。这个说法其实是没问题的,只是太笼统了。更加详细一点的说法是方法区里存放着类的版本,字段,方法,接口和常量池。

    2022年9月9日

发表回复

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

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