在《【AmazeUI】模态框》(点击打开链接)一文中,已经介绍过在AmazeUI这个手机版前端框架中,怎么使用模态框了,但是这篇文章提到的模态框只是那些单纯的模态框。如果要实现一个有表单,同时又有“提交”与“关闭”的按钮,要做出如下的效果,哪应该怎么实现呢?
首先同样是HTML布局:
Modal 登录
用户名: 密码:
之后,这段HTML脚本要跟下面的JavaScript联系起来。
比如一按“登录”按钮,则显示这个模态输入框,JavaScript脚本则如下实现:
到此这篇关于AmazeUI在模态框中嵌入表单形成模态输入框的文章就介绍到这了,更多相关AmazeUI模态输入框内容请搜索以前的文章或继续浏览下面的相关文章,希望大家以后多多支持!
网站类容多为转载,如有侵权,请联系站长删除
上一个:amaze ui 的使用详细教程amazeui 验证按钮扩展的实现前后端结合实现amazeUI分页效果AmazeUI 加载进度条的实现示例AmazeUI折叠式卡片布局,整合内容列表、表格组件实现AmazeUI中模态框的实现Amaze UI 文件选择域的示例代码
下一个:AmazeUI 平滑滚动效果的示例代码AmazeUI中模态框的实现AmazeUI的下载配置与Helloworld的实现amazeui模态框弹出后立马消失并刷新页面AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代AmazeUI中各种的导航式菜单与解决方法