Login Page With No Default Focus

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:focusable="true"
    android:focusableInTouchMode="true"

    android:orientation="vertical" >

    <!-- android:background="@drawable/background" -->

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scaleType="centerCrop"
        android:src="@drawable/login_logo" >
    </ImageView>

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" >

            <EditText
                android:id="@+id/login_web"
                android:layout_width="match_parent"
                android:layout_height="45dp"
                android:paddingLeft="5dp"
                  android:background="@drawable/input_bg"
                android:layout_marginLeft="30dp"
                android:layout_marginRight="30dp"
                android:ems="10"
                android:hint="@string/avmon_login_web"
                android:imeOptions="actionNext"
                android:maxLines="1"
             
                android:singleLine="true"
                android:textColor="@color/black" />

            <EditText  android:paddingLeft="5dp"
                android:id="@+id/login_access"
                android:layout_width="match_parent"
               android:layout_height="45dp"
               
                  android:background="@drawable/input_bg"
                android:layout_marginLeft="30dp"
                android:layout_marginRight="30dp"
                android:layout_marginTop="5dp"
                android:ems="10"
                android:hint="@string/avmon_login_access"
                android:maxLines="1"
                android:singleLine="true" >
            </EditText>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical" >

                <EditText  android:paddingLeft="5dp"
                    android:id="@+id/atvName"
                    android:layout_width="match_parent"
                 android:layout_height="45dp"
               
                  android:background="@drawable/input_bg"
                    android:layout_marginLeft="30dp"
                    android:layout_marginRight="30dp"
                    android:layout_marginTop="10dp"
                    android:hint="@string/avmon_login_username"
                    android:imeOptions="actionNext"
                    android:maxLines="1"
                    android:singleLine="true"
                    android:text="admin"
                    android:textColor="@color/black" />

                <EditText  android:paddingLeft="5dp"
                    android:id="@+id/etPassword"
                    android:layout_width="match_parent"
                   android:layout_height="45dp"
               
                  android:background="@drawable/input_bg"
                    android:layout_marginLeft="30dp"
                    android:layout_marginRight="30dp"
                    android:layout_marginTop="5dp"
                    android:ems="10"
                    android:hint="@string/avmon_login_password"
                    android:inputType="textPassword"
                    android:maxLines="1"
                    android:singleLine="true"
                    android:text="admin" />

                <Button
                    android:id="@+id/btnLogin"
                    android:layout_width="match_parent"
                    android:layout_height="45dip"
                    android:layout_marginLeft="30dp"
                    android:layout_marginRight="30dp"
                    android:layout_marginTop="20dp"
                    android:background="@drawable/login_button"
                    android:onClick="onLogin"
                    android:text="@string/avmon_login"
                    android:textColor="@color/white"
                    android:textSize="20sp" >
                </Button>
            </LinearLayout>
        </LinearLayout>
    </ScrollView>

</LinearLayout>

要使用AngularJS和Bootstrap添加一个登录页面,你需要遵循以下步骤: 1. **创建AngularJS模块**:首先,你需要创建一个AngularJS应用,这通常通过定义一个模块来完成。例如: ```javascript var loginApp = angular.module('loginApp', []); ``` 2. **创建控制器**:接下来,你需要创建一个控制器来管理登录表单的数据和行为。例如: ```javascript loginApp.controller('LoginController', function($scope) { $scope.loginForm = { username: '', password: '' }; $scope.login = function() { // 这里可以添加登录逻辑 }; }); ``` 3. **设置HTML页面**:在你的HTML文件中,你需要设置页面结构,并使用ng-controller指令将控制器与视图关联起来。同时,使用ng-model指令将输入字段与模型绑定。例如: ```html <!DOCTYPE html> <html ng-app="loginApp"> <head> <script src="angular.min.js"></script> <script src="bootstrap.min.js"></script> <link rel="stylesheet" href="bootstrap.min.css"> </head> <body ng-controller="LoginController"> <div class="container"> <div class="row"> <div class="col-md-6 col-md-offset-3"> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">登录</h3> </div> <div class="panel-body"> <form name="loginForm"> <div class="form-group"> <label for="username">用户名:</label> <input type="text" class="form-control" id="username" ng-model="loginForm.username"> </div> <div class="form-group"> <label for="password">密码:</label> <input type="password" class="form-control" id="password" ng-model="loginForm.password"> </div> <button type="submit" class="btn btn-primary" ng-click="login()" ng-disabled="loginForm.$invalid">登录</button> </form> </div> </div> </div> </div> </div> </body> </html> ``` 4. **添加Bootstrap样式**:确保你的HTML页面中引入了Bootstrap的CSS文件,这样你的登录页面就会应用Bootstrap的样式。上面的代码示例中已经包含了一个简单的Bootstrap登录表单。 通过以上步骤,你将能够创建一个使用AngularJS处理逻辑和Bootstrap提供样式的简单登录页面。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值