Javascript 如何将HTMLl中文本字段中的数据存储到我的Firebase数据库中?

Javascript 如何将HTMLl中文本字段中的数据存储到我的Firebase数据库中?,javascript,jquery,html,firebase,firebase-realtime-database,Javascript,Jquery,Html,Firebase,Firebase Realtime Database,var当前值、下一个值、上一个值; 变量左,不透明度,比例; var动画; $(“.next”)。单击(函数(){ 如果(动画)返回false; 动画=真; 当前_fs=$(this.parent(); next_fs=$(this.parent().next(); $(“#progressbar li”).eq($(“字段集”).index(next_fs)).addClass(“活动”); next_fs.show(); 当前动画({opacity:0}{ 步骤:函数(现在是mx){ 比例=

var当前值、下一个值、上一个值;
变量左,不透明度,比例;
var动画;
$(“.next”)。单击(函数(){
如果(动画)返回false;
动画=真;
当前_fs=$(this.parent();
next_fs=$(this.parent().next();
$(“#progressbar li”).eq($(“字段集”).index(next_fs)).addClass(“活动”);
next_fs.show();
当前动画({opacity:0}{
步骤:函数(现在是mx){
比例=1-(1-现在)*0.2;
左=(现在是*50)+“%”;
不透明度=1-现在;
当前_fs.css({
“转换”:“缩放(“+scale+”),
“位置”:“绝对”
});
css({'left':left'opacity':opacity});
}, 
持续时间:800,
完成:函数(){
当前_fs.hide();
动画=假;
}, 
放松:“轻松返回”
});
});
$(“.previous”)。单击(函数(){
如果(动画)返回false;
动画=真;
当前_fs=$(this.parent();
previous_fs=$(this.parent().prev();
//取消激活progressbar上的当前步进
$(“#progressbar li”).eq($(“字段集”).index(当前#fs)).removeClass(“活动”);
//显示上一个字段集
先前的_fs.show();
//使用样式隐藏当前字段集
当前动画({opacity:0}{
步骤:函数(现在是mx){
比例=0.8+(1-现在)*0.2;
左=((1-现在)*50)+“%”;
不透明度=1-现在;
当前的_fs.css({'left':left});
以前的{'transform':'scale('+scale+'),'opacity':opacity});
}, 
持续时间:800,
完成:函数(){
当前_fs.hide();
动画=假;
}, 
放松:“轻松返回”
});
});
$(“.submit”)。单击(函数(){
返回false;
})
/*自定义字体*/
@导入url(http://fonts.googleapis.com/css?family=Montserrat);
/*基本重置*/
*{边距:0;填充:0;}
html{
身高:100%;
/*仅映像BG回退*/
/*背景=渐变+图像模式组合*/
背景:
线性梯度(rgba(196,102,0,0.6),rgba(155,89,182,0.6));
}
身体{
字体系列:蒙特塞拉特、arial、verdana;
}
/*表单样式*/
#msform{
宽度:400px;
保证金:50px自动;
文本对齐:居中;
位置:相对位置;
}
#msform字段集{
背景:白色;
边界:0无;
边界半径:3px;
盒影:0.15px 1px rgba(0,0,0,0.4);
填充:20px 30px;
框大小:边框框;
宽度:80%;
利润率:0.10%;
/*将场集堆叠在彼此上方*/
位置:相对位置;
}
/*隐藏除第一个字段集以外的所有字段集*/
#msform字段集:非(:类型的第一个){
显示:无;
}
/*投入*/
#msform输入,#msform文本区域{
填充:15px;
边框:1px实心#ccc;
边界半径:3px;
边缘底部:10px;
宽度:100%;
框大小:边框框;
字体系列:蒙特塞拉特;
颜色:#2C3E50;
字体大小:13px;
}
/*钮扣*/
#msform.action按钮{
宽度:100px;
背景:#27AE60;
字体大小:粗体;
颜色:白色;
边界:0无;
边界半径:1px;
光标:指针;
填充:10px 5px;
利润率:10px 5px;
}
#msform.action按钮:悬停,#msform.action按钮:焦点{
盒影:0 2倍白色,0 0 3倍#27AE60;
}
/*标题*/
.fs标题{
字体大小:15px;
文本转换:大写;
颜色:#2C3E50;
边缘底部:10px;
}
.fs副标题{
字体大小:正常;
字体大小:13px;
颜色:#666;
边缘底部:20px;
}
/*进度条*/
#进度条{
边缘底部:30px;
溢出:隐藏;
/*CSS计数器对步骤进行编号*/
计数器复位:步骤;
}
#李国宝{
列表样式类型:无;
颜色:白色;
文本转换:大写;
字体大小:9px;
宽度:33.33%;
浮动:左;
位置:相对位置;
}
#李:以前{
内容:计数器(步骤);
反增量:步进;
宽度:20px;
线高:20px;
显示:块;
字体大小:10px;
颜色:#333;
背景:白色;
边界半径:3px;
保证金:0自动5px自动;
}
/*progressbar连接器*/
#李:之后呢{
内容:'';
宽度:100%;
高度:2倍;
背景:白色;
位置:绝对位置;
左-50%;
顶部:9px;
z索引:-1;/*将其放在数字后面*/
}
#李:第一个孩子:之后{
/*第一步之前不需要接头*/
内容:无;
}
/*将活动/完成的步骤标记为绿色*/
/*台阶和台阶前的接头编号=绿色*/
#progressbar li.活动:之前,#progressbar li.活动:之后{
背景:#27AE60;
颜色:白色;
}

  • 个人详细信息
  • 大学信息
  • 数据设置
个人资料 这是第一步 学院详情 这是第二步 社会概况 你在社交网络上的存在 //初始化Firebase 变量配置={ apiKey:“AIzaSyCROIg2ho6RB50I_r2wce1Lmi0tjkvoCU”, authDomain:“mahesh-5ff57.firebaseapp.com”, 数据库URL:“https://mahesh-5ff57.firebaseio.com", storageBucket:“mahesh-5ff57.appspot.com”, messagingSenderId:“474946290928” }; firebase.initializeApp(配置);
firebase是否使用SQL?firebase是一个云托管的NoSQL数据库。数据以JSON格式存储,在连接的设备之间以毫秒为单位进行同步,并且在应用程序脱机时可用。