html中怎样在表单中加表格,如何在HTML中创建表格网页的简单表单?

本文探讨了如何使用HTML和JavaScript创建一个简单的表单,该表单允许用户选择感兴趣的考试并通过点击按钮打开新的标签页展示休息时间表。文中详细讨论了遇到的错误及其解决方法,并提供了关于代码改进的建议。
摘要由CSDN通过智能技术生成

我正在从我的工作计算机上运行一个简单的网页。绝大多数网站在我的工作计算机上被阻止,所以我希望能够使用HTML + CSS + Javascript的简单组合完成此任务。如何在HTML中创建表格网页的简单表单?

这个想法是,用户为他感兴趣的考试选择多个复选框,然后他点击“生成工作表”按钮,该工具栏将打开一个单独的选项卡,该选项卡仅显示所选考试的休息时间表。

我已经开始研究代码的基础知识,但是我不断收到一些使我无法继续前进的错误。

谷歌Chrome浏览器的控制台调试器给了我以下错误:

未捕获的SyntaxError:无效的或意外的标记(forAcey.html:59)

未捕获的ReferenceError:检查在HTMLButtonElement.onclick没有定义 ( forAcey.html:33)

单击“生成工作表”按钮时显示第二个错误。

你能帮我们弄清楚我的错误在哪里以及如何纠正它们?

此外,您是否有任何改进我的代码的提示?

我附上了我的代码片段。

\t

Break Schedules

\t

\t

\t \t

\t

\t

\t \t

\t

Break Schedules

\t

\t

\t \t

\t \t \t Date:

\t \t \t

\t \t

\t \t

\t \t

Check off the exams you need.

\t \t

\t \t

\t \t \t

\t \t \t \t exam1

\t \t \t \t exam2

\t \t \t \t exam3

\t \t \t

\t

\t \t

\t \t

\t \t Generate Sheet
&nbsp

\t \t Reset Form

\t

\t

\t

\t \t $(document).keydown(function(e){

\t \t \t if (e.keyCode == 13) {

\t \t \t \t Checks();

\t \t \t return false;

\t \t \t }

\t \t });

\t \t

\t \t function Checks(){ \t \t \t

\t \t

\t \t var x = document.getElementById("DateForm");

\t \t var The_Date = "";

\t \t var i;

\t \t for (i = 0; i < x.length ;i++) {

\t \t \t The_Date += x.elements[i].value + "
";

\t \t }

\t }

\t var checkexam1=document.getElementById("exam1").checked;

\t var checkexam2=document.getElementById("exam2").checked;

\t var checkexam3=document.getElementById("exam3").checked;

\t

\t final_string="

"+The_Date+"

\t

\t if (exam1==true){

final_string+="

exam1this is the break schedule for exam1";

}

\t if (exam2==true){

final_string+="

STEP 1-2-3this is the break schedule for exam2";

}

\t if (exam3==true){

final_string+="

PMIthis is the break schedule for exam3";

}

\t

\t final_string+=""

var new_page=window.open('','name');

new_page.document.write(final_string);

new_page.document.close();

\t

\t

2017-07-28

Acey

+0

很快,我看到你有多行字符串,这是不允许在JavaScript(事实上,它是允许的,但你必须使用反向和IE浏览器的兼容性问题)。 –

+0

我该如何使用反引号来编写该代码? –

+0

«'... ...'»检查此链接https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals –

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值