Hbuilder开发移动新闻客户端（一）

创建项目，构建一个登录页面

一.右键新建一个移动app,命名为HelloNews.

二.打开Index.html,进行mheader和mbody的编写。
mbody中包含二个input输入框，分别用来进行用户名和密码的输入，代码如下：

<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left">a>
    <h1 class="mui-title">登录h1>
header>
<div class="mui-content">
    <form class="mui-input-group">
        <div class="mui-input-row">
            <label>账号:label>
            <input type="text" class="mui-input-clear" placeholder="请输入账号" id="username">
        div>
        <div class="mui-input-row">
            <label>密码:label>
            <input type="text" class="mui-input-clear" placeholder="请输入密码" id="password">
        div>
    form>
    <div class="mui-content-padded" align="center">
        <button type="button" class="mui-btn mui-btn-blue " id="login">登录button>
        <button type="button" class="mui-btn mui-btn-green " id="reg">注册button>
    div>
div>

三.当登录页面完成之后，我们与要对页面输入框做一个简单的非空验证。
这个过程较简单，直接附上代码

login.addEventListener('tap',function(){
                var username=document.getElementById("username");
                var password=document.getElementById("password");
                if(username.value.length==0){
                    plus.ui.toast("用户名不能为空");
                    return;
                }
                if(password.value.length==0){
                    plus.ui.toast("密码不能为空");
                    return;
                }