Html的代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>登陆页面</title>

    <link href="CSS/Login.css" rel="stylesheet">

</head>

<body>

<!--最外层-->

    <div id="content">

        <!--面板-->

        <div class="panel">

            <!--账号-->

            <div class="group">

                <label>账号</label>

                <input placeholder="请输入账号">

            </div>

            <!--密码-->

            <div class="group">

                <label>密码</label>

                <input placeholder="请输入密码" type="password">

            </div>

            <!--登陆-->

            <div class="login">

                <button>登陆</button>

            </div>

        </div>

        <!--注册-->

        <div class="reg">

            <button>创建新账号?</button>

        </div>

    </div>

</body>

</html>

CSS的代码

body{

    background-color: #f2f2f2;

}

#content{

    margin-top: 100px;

    /*background: red;*/

    text-align: center;

}

#content .panel{

    display: inline-block;

    background-color: white;

    border: 1px solid #ddd;

    border-radius:  5px;

    padding: 20px;

}

#content .panel .group{

}

/*s输入框*/

#content .panel .group input{

    display: block;

    width: 250px;

    height: 33px;

    padding-left: 7px;

    font-size: 15px;

    border: 2px solid #ddd;

}

/*伪类*/

#content .panel .group input:focus {

    outline: none;

    border-color: #CC865E;

}

#content .panel .group label{

    display: block;

    text-align: left;

    height: 30px;

    line-height:  30px;

    font-size: 20px;

}

#content .login{

    margin-top: 20px;

}

/*登陆*/

#content .login button{

    width: 250px;

    background-color: #CC865E;

}

#content .login button:hover{

    background-color: white;

    color: #CC865E;

    border: 1px solid #CC865E;

    cursor: pointer;

}

#content button{

    height:  33px;

    border: 0px;

    color: white;

    font-size:  18px;

    border-radius: 3px;

}

#content .reg{

    margin-top: 20px;

}

/*注册*/

#content .reg button{

    width: 250px;

    background-color: #466BAF;

}

#content .reg button:hover {

    background-color:white;

    color: #466BAF;

    border: 1px solid #466BAF;

    cursor: pointer;

}

iOS 的代码

#import <UIKit/UIKit.h>

@interface AppDelegate : UIResponder <UIApplicationDelegate>

@property (strong, nonatomic) UIWindow *window;

@end
#import "AppDelegate.h"

#import "RootViewController.h"

@interface AppDelegate ()

@end

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

    self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];

    // Override point for customization after application launch.

    self.window.backgroundColor = [UIColor whiteColor];

    self.window.rootViewController = [[RootViewController alloc] init];

    [self.window makeKeyAndVisible];

    return YES;

}

@end
#import <UIKit/UIKit.h>

@interface RootViewController : UIViewController

@end
#import "RootViewController.h"

@interface RootViewController ()

@property (nonatomic , strong) UIWebView *webView;

@end

@implementation RootViewController

- (void)viewDidLoad {

    [super viewDidLoad];

    //html在本地的路径（/Users/apple/WebstormProjects/LoginPage/Login.html）

    NSURL *url = [NSURL fileURLWithPath:@"/Users/apple/WebstormProjects/LoginPage/Login.html"];

    NSURLRequest *request = [NSURLRequest requestWithURL:url];

    UIWebView *aWebView = [[UIWebView alloc] initWithFrame:[[UIScreen mainScreen] bounds]];

    self.webView = aWebView;

    [self.webView loadRequest:request];

    [self.view addSubview:self.webView];

}

@end

iOS 本地加载html登陆页面的更多相关文章

  1. iOS 本地加载js文件

    #import "RootViewController.h" @interface RootViewController ()<UIWebViewDelegate> @ ...

  2. IOS开发-加载本地音乐

    IOS开发-加载本地音乐 $(function () { $('pre.prettyprint code').each(function () { var lines = $(this).text() ...

  3. iOS WebView 加载本地资源(图片，文件等)

    https://www.cnblogs.com/dhui69/p/5596917.html iOS WebView 加载本地资源(图片,文件等) NSString *path = [[NSBundle ...

  4. ios -网络加载json和本地加载json

    1网络加载json的时候,要在模型的实现文件里写: - (void)setValue:(id)value forKey:(NSString *)key { } 2本地加载json的时候,要在模型的实现 ...

  5. iOS webview加载时序和缓存问题总结

    iOS webView的加载时序 UIWebView加载顺序: - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSU ...

  6. iOS网络加载图片缓存策略之ASIDownloadCache缓存优化

    iOS网络加载图片缓存策略之ASIDownloadCache缓存优化   在我们实际工程中,很多情况需要从网络上加载图片,然后将图片在imageview中显示出来,但每次都要从网络上请求,会严重影响用 ...

  7. Android 如何本地加载pdf文件

    大部分app打开pdf文件是通过intent调起手机中能打开pdf文件的工具,来查看pdf文件,如果需求是,用户在app内下载好pdf文件后,不通过第三方的工具,本地打开. 这样的需求要怎么实现呢?上 ...

  8. visual studio 2010 自带reporting报表本地加载的使用

    原文:visual studio 2010 自带reporting报表本地加载的使用 在这家公司时间不长,接触都是之前没玩过的东东,先是工作流引擎和各种邮件短信的审核信息,后又是部署reporting ...

  9. Ionic页面加载前 ionic页面加载完成 ionic页面销毁执行的事件

    ionic 中$ionicView.beforeEnter(页面刚加载前)  $ionicView.afterEnter  (页面加载完成) $destroy(页面销毁) 广播事件 //ionic c ...

随机推荐

  1. Js组件的一些写法【转】

    首先看下Prototype里的写法: var Class = { create: function() { return function() { this.init.apply(this, argu ...

  2. CSS权威指南 - 浮动和定位 2

    定位 定位的想法很简单元素框相对于正常位置出现在哪里. 定位:static,相对, 绝对, fixed, 继承 static就是默认的位置 相对就是相对于默认位置的偏移.原来的static定位位置依然 ...

  3. [办公自动化] 再读《让EXCEL飞》（从excel导入access数据时，union联合查询，数据源中没有包含可见的表格）

    一年多以前就买了@Mrexcel的<让excel飞>这本书.整体思路是利用access结合excel,大幅度提高数据分析效率. 最近又拿出来看了看.第十五章,比高级筛选更“高级”,P241 ...

  4. 40. 特殊a串数列求和

    特殊a串数列求和 #include <stdio.h> int main() { int i, a, n, item, sum, temp; while (scanf("%d % ...

  5. 每天php函数 - floatval() 获取变量的浮点值

    float floatval ( mixed $var ) 返回变量 var的 float 数值. var 可以是任何标量类型.你不能将 floatval() 用于数组或对象. <?php$va ...

  6. PHP 开发 APP 接口 学习笔记与总结 - APP 接口实例 [2] 首页 APP 接口开发方案 ① 读取数据库方式

    方案一:读取数据库方式 从数据库读取信息→封装→生成接口数据 应用场景: 数据时效性比较高的系统 方案二:读取缓存方式 从数据库获取信息(第一次设置缓存或缓存失效时)→封装(第一次设置缓存或缓存失效时 ...

  7. MySQL 数据库性能优化之SQL优化

    前言 有人反馈之前几篇文章过于理论缺少实际操作细节,这篇文章就多一些可操作性的内容吧. 注:这篇文章是以 MySQL 为背景,很多内容同时适用于其他关系型数据库,需要有一些索引知识为基础. 优化目标 ...

  8. Xamarin Visual Studio无法debug

    在Visual Studio中,Target IOS Device下拉框是禁用状态,无法选择. Xamarin论坛中有不少关于这个问题的,如下面这个帖子: http://forums.xamarin. ...

  9. Bootstrap页面布局15 - BS带下拉菜单的按钮

    带下拉菜单的按钮 <div class='btn-toolbar'> <div class='btn-group'> <a href='javascript:;' cla ...

  10. Ubuntu/Deepin下常用软件汇总(持续更新)

    最近开始用Ubuntu了,好多软件都不是常用的了,在这边留底,以免忘记.如果没有写安装方法,则直接在软件源中可以找到 UNetbootin U盘制作工具,制作Ubuntu的安装U盘超好用 Braser ...