Javascript 将表单文本框和按钮放在每个单选按钮的前面

窗口加载时，仅显示单选按钮和标签。只需单击单选按钮，即可将

文本框

和

按钮

放在每个单选按钮标签的前面。例如，

给我发电子邮件（标签）-文本框电子邮件按钮验证错误

在一行中。在代码中，它位于我不想要的每个标签下面。我不知道怎么做。谁能告诉我怎么做。。。提前谢谢

window.onload=function（）
{
document.getElementById（“emailhide”）.style.display='none'；
document.getelementByid（“phonehide”）.style.display='none'；
document.getelementByid（“chathide”）.style.display='none'；
document.getelementByid（“quehide”）.style.display='none'；
}
函数showmail（）
{
if（document.getElementById（“emailbtn”）.checked）
{
document.getElementById（“emailhide”）.style.display='block'；
document.getElementById（“emailid”）.style.display='block'；
document.getElementById（“phonehide”）.style.display='none'；
document.getElementById（“phoneno”）.style.display='none'；
document.getElementById（“chathide”）.style.display='none'；
document.getElementById（“quehide”）.style.display='none'；
}
}
函数showphn（）
{
if（document.getElementById（“callbtn”）.checked）
{
document.getElementById（“emailhide”）.style.display='none'；
document.getElementById（“emailid”）.style.display='none'；
document.getElementById（“phonehide”）.style.display='block'；
document.getElementById（“phoneno”）.style.display='block'；
document.getElementById（“chathide”）.style.display='none'；
document.getElementById（“quehide”）.style.display='none'；
}
}
函数showchat（）
{
if（document.getElementById（“chatbtn”）.checked）
{
document.getElementById（“emailhide”）.style.display='none'；
document.getElementById（“emailid”）.style.display='none'；
document.getElementById（“phonehide”）.style.display='none'；
document.getElementById（“phoneno”）.style.display='none'；
document.getElementById（“chathide”）.style.display='block'；
document.getElementById（“chat”）.style.display='block'；
document.getElementById（“quehide”）.style.display='none'；
}
}
函数showquotes（）
{
if（document.getElementById（“quebtn”）.已选中）
{
document.getElementById（“emailhide”）.style.display='none'；
document.getElementById（“phonehide”）.style.display='none'；
document.getElementById（“phoneno”）.style.display='none'；
document.getElementById（“chathide”）.style.display='none'；
document.getElementById（“quehide”）.style.display='block'；
document.getElementById（“que”）.style.display='block'；
}
}
函数验证1（）
{
document.getElementById（“emailid”）.innerHTML=“”；
var emailpattern=/^[a-zA-Z0-9.-]+@[a-zA-Z0-9.-]+[a-zA-Z]{2,4}$/；
if（document.form1.email\u id.value==“”）
{
//警报（document.getElementById（“email_id”）.value）；
document.getElementById（“emailid”）.innerHTML=“字段为必填项”；
document.form1.email_id.focus（）；
返回false；
}
否则如果（！emailpattern.test（document.form1.email_id.value））
{
document.getElementById（“emailid”）.innerHTML=“输入有效id”；
document.form1.email_id.focus（）；
返回false；
}
返回true；
}
函数验证2（）
{
document.getElementById（“电话号码”）.innerHTML=“”；
var phoneno=/^[0-9]{10}$/；
if（document.form2.phn.value==“”）
{
document.getElementById（“电话号码”）.innerHTML=“输入电话号码”；
document.form2.phn.focus（）；
返回false；
}
如果（！phoneno.test（document.form2.phn.value））则为else
{
document.getElementById（“phoneno”）.innerHTML=“您的联系人号码必须是10位数字。”；
document.form2.phn.focus（）；
返回false；
}
返回true；
}

给我发电子邮件：
打电话给我：
和我聊天


详细问题列表

window.onload=function（）
{
document.getElementById（“emailhide”）.style.display='none'；
document.getelementByid（“phonehide”）.style.display='none'；
document.getelementByid（“chathide”）.style.display='none'；
document.getelementByid（“quehide”）.style.display='none'；
}
函数showmail（）
{
document.getElementById（“emailhide”）.style.display='block'；
document.getElementById（“emailid”）.style.display='block'；
document.getElementById（“phonehide”）.style.display='none'；
document.getElementById（“phoneno”）.style.display='none'；
document.getElementById（“chathide”）.style.display='none'；
document.getElementById（“quehide”）.style.display='none'；
}
函数showphn（）
{
document.getElementById（“emailhide”）.style.display='none'；
document.getElementById（“emailid”）.style.display='none'；
document.getElementById（“phonehide”）.style.display='block'；
document.getElementById（“phoneno”）.style.display='block'；
document.getElementById（“chathide”）.style.display='none'；
document.getElementById（“quehide”）.style.display='none'；
}
函数showchat（）
{
if（document.getElementById（“chatbtn”）.checked）
{
document.getElementById（“emailhide”）.style.display='none'；
document.getElementById（“emailid”）.style.display='none'；
document.getElementById（“phonehide”）.style.display='none'；
document.getElementById（“phoneno”）.style.display='none'；
document.getElementById（“chathide”）.style.display='block'；
document.getElementById（“chat”）.style.display='block'；
document.getElementById（“quehide”）.style.display='none'；
}
}
函数showquotes（）
{
document.getElementById（“emailhide”）.style.display='none'；
document.getElementById（“phonehide”）.style.display='none'；
document.getElementById（“phoneno”）.style.display='none'；
document.getElementById（“chathide”）.style.display='none'；
document.getElementById（“quehide”）.style.display='block'；
document.getElementById（“que”）.style.display='block'；
}
函数验证1（）
{
document.getElementById（“emailid”）.innerHTML=“”；
var emailpattern=/^[a-zA-Z0-9.-]+@[a-zA-Z0-9.-]+[a-zA-Z]{2,4}$/；
if（document.form1.email\u id.value==“”）
{
//警报（document.getElementById（“email_id”）.value）；
document.getElementById（“emailid”）.innerHTML=“字段为必填项”；
文件