Javascript 如果所有信息都已提交,我如何才能将表格发送到电子邮件?

Javascript 如果所有信息都已提交,我如何才能将表格发送到电子邮件?,javascript,html,css,Javascript,Html,Css,我已经为我的网站制作了一个表单,并且我在表单的action属性中设置了一封电子邮件,我希望在其中发送此表单,但我从未收到任何东西。我的另一个问题是,如果所有输入都已填写且复选框已勾选,我如何才能使表单只允许发送到电子邮件?Else收到一个错误,表示您必须填充所有内容。我的想法是做一个问答,一个人提交他们的信息和问题,并收到一封带有答案的电子邮件,但我没有收到任何东西,我希望表格有一个特定的规格发送。我将在下面留下Q&A选项卡的HTML,并且只留下与该选项卡相关的CSS。我想这可以用JS中的if语

我已经为我的网站制作了一个表单,并且我在表单的action属性中设置了一封电子邮件,我希望在其中发送此表单,但我从未收到任何东西。我的另一个问题是,如果所有输入都已填写且复选框已勾选,我如何才能使表单只允许发送到电子邮件?Else收到一个错误,表示您必须填充所有内容。我的想法是做一个问答,一个人提交他们的信息和问题,并收到一封带有答案的电子邮件,但我没有收到任何东西,我希望表格有一个特定的规格发送。我将在下面留下Q&A选项卡的HTML,并且只留下与该选项卡相关的CSS。我想这可以用JS中的if语句来解决,但我试过了,运气不好


代码

/*下面的所有内容都与Q&A选项卡有关*/
#Q-A-BG{
背景:url('Images/Q&A-BG.jpg');
背景尺寸:封面;
}
;
.问题{
显示器:flex;
弯曲方向:立柱;
}
.问题h1{
文本对齐:居中;
填充:30px 0px 10px 0px;
}
.问题输入[type='text'],
.问题输入[类型=电子邮件],
.问题文本区{
字体大小:继承;
左侧填充:10px;
}
.问题输入,
.问题文本区{
宽度:450px;
高度:40px;
边界半径:3px;
边框:1px纯灰;
}
.问题文本区{
字体系列:“蒙特塞拉特”,无衬线;
高度:100px;
}
.输入部分{
显示器:flex;
弯曲方向:立柱;
对齐项目:居中;
边缘顶部:25px;
}
.输入部分选择,
.InputSection选项{
宽度:450px;
高度:40px;
填充物:5px;
字体大小:16px;
-webkit外观:无;
字体系列:“蒙特塞拉特”,无衬线;
}
.InputSection标签{
对齐自我:开始;
左边距:550px;
}
.输入a部分{
文字装饰:无;
颜色:白色;
字体大小:粗体;
}
.输入a部分:悬停,
.输入a部分:激活{
文字装饰:下划线;
}
.InputSection按钮{
自我校准:灵活启动;
左边距:560像素;
颜色:#FFFFFF;
字体大小:16px;
字体大小:粗体;
背景色:#5995DA;
边界:无;
边界半径:3px;
填充:10px 10px;
光标:指针;
}
.复选框输入{
边缘顶部:10px;
高度:15px;
宽度:15px;
边界半径:3px;
左边距:10px;
}
#提交按钮:悬停{
不透明度:0.8;
}
#提交按钮:活动{
不透明度:0.5;
}
.InputSection输入[type='text']:无效,
.InputSection输入[type='email']:无效,
.InputSection输入[type='checkbox']:无效{
边框:1px实心#D55C5F;
颜色:#D55C5F;
盒影:无;
}
.InputSection输入[type='text']:有效,
.InputSection输入[type='email']:有效{
背景色:aliceblue;
}

外面有什么
提交
只需输入输入类型标签

i、 e


只需输入输入类型标签

i、 e


在输入字段的末尾使用一个
必需的

例如:

发件人:

必需的属性是布尔属性

当存在时,它指定必须填写输入字段 在提交表格之前

注意:必需的属性适用于以下输入类型: 文本、搜索、URL、电话、电子邮件、密码、日期选择器、号码、, 复选框、收音机和文件


在输入字段的末尾使用
required

例如:

发件人:

必需的属性是布尔属性

当存在时,它指定必须填写输入字段 在提交表格之前

注意:必需的属性适用于以下输入类型: 文本、搜索、URL、电话、电子邮件、密码、日期选择器、号码、, 复选框、收音机和文件


有一个html属性允许您验证字段是否包含名为的内容,您需要做的是在每个输入中插入它,您想包含的内容或不是空的,即使是下面的复选框

<input type="text" name="" required> 
<form method="post" action="mailto:someone@example.com">
</form>

有一个html属性允许您验证字段是否包含名为的内容,您需要做的是在每个输入中插入它,您想包含的内容或不是空的,即使是下面的复选框

<input type="text" name="" required> 
<form method="post" action="mailto:someone@example.com">
</form>

谢谢Gad,但我希望表单能够到达电子邮件地址,而不是网站。传递整个URL不会将其发送到一个页面吗?我添加了mailto,但没有运气。我查看了多个网站,大多数网站都有奇怪的JavaScript代码,但我不理解。如果我复制了它,我需要改变一些东西,但我不明白。你有什么想法吗?:你认为我应该在堆栈中写另一个问题吗?像这样添加
mailto:
或大写
mailto:
,如果你想提交一份预付款表格,我建议你使用服务器端语言hanks Gad,但我希望表格能够到达电子邮件地址,而不是网站。传递整个URL不会将其发送到一个页面吗?我添加了mailto,但没有运气。我查看了多个网站,大多数网站都有奇怪的JavaScript代码,但我不理解。如果我复制了它,我需要改变一些东西,但我不明白。你有什么想法吗?:你认为我应该在堆栈中写另一个问题吗?像这样添加
mailto:
或大写
mailto:
,如果你想提交一份预付款表格,我建议你使用服务器端语言Hanks Gustavo,我想我会继续学习:)谢谢Gustavo,我想我会继续学习:)