apicloud实现注册登陆页面

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了apicloud实现注册登陆页面相关的知识,希望对你有一定的参考价值。

参考技术A

问题:不太清楚你这上面写了这么多的form是什么意思,是不同组的form标签还是form标签下面有嵌套。

像你这种功能,通过一个form标签就可以实现。同时你需要明白input标签中,type的含义。

type="submit"类型的按钮,在表单里面,点击这个按钮时,会自动提交表单。

type="button"类型的按钮,在表单里面,点击这个按钮时,不会提交表单。


你上面两个按钮都是定义成submit类型的,因此点击它们时,他们默认提交当前所在表单。


你可以采用以下操作进行修正。

步骤:

1、定义好一个form和里面的元素,如用户名、密码等输入框以及相关操作按钮,表单的默认跳转地址(action)定义为对应的登录地址;

2、可以将登录按钮定义成submit类型,将注册按钮定义成button类型。

3、为注册按钮定义事件,用于打开注册界面。

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=GBK">
<script type="text/javascript">
    /**
     * 注册
     */
    function regist() 
        // 如果需要在新窗口打开注册界面;
        // window.open('Untitled-2.html');
        // 如果需要在当前窗口打开登录界面
        window.location.href = 'Untitled-2.html';
    
</script>
</head>
<body>
    <form action="Untitled-3.html" name="zhuce2" method="post">
        <div>用户名:<input type="text" name="username" /></div>
        <div>用户名:<input type="password" name="password" /></div>
        <div>
            <input type="submit" name="denglu" id="button" value="登陆" />
            <input type="button"name="lyp" id="button3" value="注册" onclick="regist()"/>
        </div>
    </form>
</body>
</html>

以上是关于apicloud实现注册登陆页面的主要内容,如果未能解决你的问题,请参考以下文章

apicloud中的窗口组如何链接外部页面

apicloud怎么实现frame跳转到另一个frame

使用APICloud & 科大讯飞SDK快速实现语音识别功能

APICloud 实现 使用openFrameGroup引入页面后禁止上下滑动

通过apicloud实现的混合开发App的Demo

APICloud开发者进阶之路|了解APICloud 应用设计思想