Javascript 浏览器将输入字符串视为文本对象

我有一个弹出窗口，显示用户的表单输入，供提交前查看/编辑。检索和显示所有信息都没有问题，只是输入字段值被视为文本对象，因此显示不太正确。我知道发生了什么事，只是一点也不知道如何解决它。我以前从未遇到过这个问题。应该先将值填充到字符串变量中，还是存在一些我不知道的模糊转换问题？快照来自最新版本的chrome。。。第二幅图显示了正在讨论的文本与旁边的文本被视为一个单独的对象。。。

函数chkThis（）{
var isChk=document.getElementsByName（'agecert'）；
var isSub=document.getElementById（'submit'）；
isSub.disabled=！isChk[0]。已选中；
}
函数shPop（）{
var shPop=document.getElementById（“myOlay”）；
var rvwBdy=''；
rvwBdy='Name:'+document.getElementById（'fname'）.value+'+document.getElementById（'lname'）.value+'
+
'Email:'+document.getElementById（'Email'）.value+'
'+
'Phone:'+document.getElementById（'Phone'）.value+'
'+
'地址：'+document.getElementById（'maddr'）.value+'
'；
shPop.classList.remove（'dk-hidden'）；
shPop.classList.add（'dk-show'）；
document.getElementById（'reviewHere'）。innerHTML=rvwBdy；
}
函数hdPop（）{
var hdPop=document.getElementById（“myOlay”）；
hdPop.classList.remove（'dk-show'）；
hdPop.classList.add（'dk-hidden'）；
}

：根目录{
--dkVar:“”；
}
* {
保证金：0；
填充：0；
位置：绝对位置；
字体系列：无衬线；
@包括pre1（框尺寸、边框框）；
}
html，
身体{
宽度：100%；
身高：100%；
}
身体{
背景#8080FF；
}
a{
文字装饰：无；
}
.dk中心{
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}
.dk vertz{
最高：50%；
转化：translateY（-50%）；
}
霍茨先生{
左：50%；
转化：translateX（-50%）；
}
#dk包装机{
宽度：100%；
身高：100%；
}
#dk标志{
排名：0；
宽度：100%；
高度：125px；
}
#dk菜单{
顶部：125px；
左：0；
最小宽度：500px；
宽度：100%；
高度：75px；
背景#338833；
文本对齐：居中；
}
#dk体{
顶部：210px；
宽度：75%；
身高：75%；
背景：rgba（192192255,0.8）；
边界半径：25px；
}
h1，
h2，
h3，
h4，
h5{
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}
.dk标志{
宽度：400px；
}
.dk订单{
最小宽度：500px；
最小高度：700px；
}
.输入{
宽度：175px；
高度：40px；
左侧填充：20px；
左边距：20px；
显示：内联块；
边框：2个实心#309930；
边界半径：5px；
线高：40px；
z指数：9；
位置：相对位置；
字号：18px；
}
.标签{
显示：块；
左边距：30px；
位置：相对位置；
字号：8pt；
颜色：红色；
z指数：10；
}
.图标{
高度：35px；
宽度：35px；
垫面：3件；
背景：#fff；
边框：2个实心#309930；
边界半径：100%；
z指数：10；
字体大小：32px；
文本对齐：居中；
溢出：隐藏；
}
.输入：焦点{
边框：2px实心#30ff30；
背景:#ffddff；
}
#inp1{
顶部：15px；
左：25px；
宽度：175px；
位置：绝对位置；
}
#inp2{
顶部：15px；
左：190px；
宽度：175px；
左边距：50像素；
}
#inp3{
顶部：85px；
左：25px；
宽度：175px；
}
#inp4{
顶部：85px；
左：190px；
宽度：175px；
左边距：50像素；
}
#inp5{
顶部：150px；
左：25px；
}
.dk mydiv{
顶部：210px；
宽度：500px；
高度：750px；
位置：绝对位置；
边界：无；
背景:#bbbbff ;；
边界半径：25px；
}
maddr先生{
宽度：400px；
高度：125px；
线高：22px；
}
钮扣{
颜色：#555555；
字体大小：粗体；
宽度：100px；
高度：35px；
背景:#99ff99；
边框：1px实心#44aaee；
}
按钮：已启用{
过渡：所有250ms线性0.0ms；
}
按钮：禁用{
颜色：#bbbbbb；
字体大小：粗体；
宽度：100px；
高度：35px；
边界：#44aaee；
背景：#555555；
不透明度：0.75；
光标：不允许；
}
按钮：悬停：已启用，
按钮：焦点：已启用{
颜色：黑色；
字体大小：粗体；
宽度：100px；
高度：35px；
背景:#55ff55；
边框：2px实心#44aaee；
边界半径：35px；
盒影：5px 3px 1px 1px rgba（0,0,0,75）；
}
.产品{
宽度：40px；
顶部：10px；
左：10px；
位置：绝对位置；
高度：25px；
左边距：0px；
填充：0px；
}
.实验室{
顶部：15px；
左：60px；
位置：绝对位置；
}
#dk简介{
顶部：210px；
左：15px；
}
#迈奥莱{
宽度：100%；
身高：100%；
背景：rgba（0,0,0,0.75）；
显示：块；
z指数：999；
位置：固定；
}
#cbReview{
最小宽度：500px；
身高：75%；
位置：固定；
背景：白色；
颜色：黑色；
边框：2个实心#0055cc；
边界半径，
25px；
z指数：1000；
}
.dk隐藏{
可见性：隐藏；
}
.dk秀{
能见度：可见；
}

*必需的
*必需的
*必需的
*必需的
注意：目前，每份订单总共限购十（10）件商品

白马威士忌
大黄蜂
本人证明本人年满18岁，在法律上能够在路易斯安那州签订采购合同和/或其他谈判。本人还证明本人理解Cypress从本人处收集的个人信息
植物学将用于订单履行的唯一明确目的，且不会提供给任何第三方
审查令
重置表单