Web网页练习15: 登录界面
Web网页练习15: 登录界面
欢迎扫码关注微信公众号 “野心与家”
效果图
只保留精简效果,具体细节未展示
源代码
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>新闻管理系统登录</title><style type="text/css">*{margin: 0;padding: 0;}body {background:#cdcdcc url(img/bg_1.jpg) no-repeat right top;/* background-size: cover; */font-size: 14px;font-family: "宋体" ;}table {width: 400px;height: 100px;margin: 200px auto 0px auto;text-align: center;}table caption {color: #000000;font-weight: bold;font-size: 24px;font-family: "黑体";margin-bottom: 20px;}table,table tr td{ border: 1px #FFFFFF solid;border-collapse: collapse;} table tr td{width: 200px; height: 30px;text-align:center;vertical-align:middle;}table tr td input.txt,table tr td select{width: 168px;height: 15px;}table tr td select {width: 172px;height: 20px;}table tr td input[type=button]{padding: 0px 5px;} </style></head><body><form action="#" method="post"><table border><caption>新 闻 管 理 系 统 登 录</caption><tr><td>用户名:</td><td><input class="txt" type="text" /></td></tr><tr><td>密 码:</td><td><input class="txt" type="password"/></td></tr><tr><td>身 份:</td><td><select><option selected value="普通用户" value="普通用户">普通用户</option><option value="管理员">管理员</option> </select></td></tr><tr><td><input type="button" value="登录" /></td><td><input type="button" value="注销" /></td></tr> </form></table></body>
</html>
Web网页练习15: 登录界面相关推荐
- 韩国 naver web网页版第三方登录 naver网页登录
韩国 naver web网页版第三方登录 <!DOCTYPE html> <html lang="en"><head><meta char ...
- 韩国 kakaotalk web网页版第三方登录示例 kakaotalk网页版
韩国 kakaotalk web网页版第三方登录示例 先跳转 授权 https://kauth.kakao.com/oauth/authorize?client_id="+restApi+& ...
- idea中创建maven依赖下的web工程(一)----用户登录界面
如果你对idea中创建maven依赖下的web工程不是很了解,请参见上一篇博客--idea中创建maven依赖下的第一个web工程 各路大神对于idea的基本操作已经非常的熟悉了, 嗯,我还是一只入门 ...
- web综合案例:登录界面,注册界面,忘记密码等功能实现
写在前面 本博文是写了一个登录注册以及在忘记密码的时候可以进行邮箱验证修改密码的功能模板: 需要用到的知识有 1.java邮箱 2.boostrap 3.数据库连接 一.数据库图片 二.登录界面 三. ...
- web网页端 微信 登录 内嵌 二维码 方法
步骤1:在页面中先引入如下JS文件(支持https): http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js 步骤2:在需要使用微信 ...
- web项目通用简易登录界面
效果展示 代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <t ...
- web网页,绕过登录的两种方式
"""博客园绕过登陆,访问登陆后的页面:方式一抓包获取cookie""" import requests import urllib3 ur ...
- web网页第三方账号授权登录
❤️最细微信小程序版本上传.提交审核.发布[建议收藏]❤️ ❤️2021直击大厂前端开发岗位面试题❤️ ❤️效果图如下,如有需要请自取修改[建议收藏]!❤️ ❤️微信小程序的灰度发布❤️ web网页端 ...
- finereport 登录界面的代码文件_【干货下载】多彩包含网页登录界面等4款WEB模板素材作品集源文件...
老菜为今天准备的是多彩包含网页登录界面等4款WEB模板素材作品集源文件,SKETCH源文件炫酷页面设计模板,适合作品集展示.收下吧~ 如何下载这套资源? 方法1:加入"知识星球"更 ...
最新文章
- ZOOKEEPER安装及测试
- android的webView的教程,Android WebView 应用界面开发教程
- python基础知识资料-Python学习--最完整的基础知识大全
- linux系统下对磁盘的,学会在Linux下对硬盘分区
- 推荐算法炼丹笔记:Deep Bayesian的多目标推荐
- IBM 公开最新 Power 处理器架构
- BZOJ3083: 遥远的国度(树链剖分)
- NHibernate Step By Step(2)-继承映射
- Docker最全教程——从理论到实战(八)
- JHipster入门,第2部分
- win7电脑共享硬盘分区的方法
- Linux-磁盘及网络IO工作方式解析
- sklearn.metrics —— 混淆矩阵及其绘制、Accuracy/Precision/Recall/F1-score
- 有长度要求的区间最大值
- 图文并茂排序与算法总结
- CSS中怎么让DIV水平居中
- linux服务器时间不一致,Linux服务器时间不准确
- Matlab之聚类分析
- 跳转指定位置(HTML)
- 2020-2022 抗疫营销案例合集(共17份)