Javascript 取消（重置html）按钮不工作_Javascript_Html_Css

Javascript 取消（重置html）按钮不工作

javascript html css

Javascript 取消（重置html）按钮不工作,javascript,html,css,Javascript,Html,Css,我不熟悉html、javascript和css。我不知道为什么，但我的取消按钮根本不起作用 <!DOCTYPE html> <html> <head>  <title></title> <meta http-equiv="Content-Type" content="text/htm

我不熟悉html、javascript和css。我不知道为什么，但我的取消按钮根本不起作用

<!DOCTYPE html>

<html>
<head>
<!-- set the page title and link with java script and css files -->
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="hw4.css">
<script src="hw4.js"></script>
</head>
<body>
<section>
    <table>
        <tr>
            <td class="first">Post to</td>

            <!-- create two post to buttons -->
            <td class="second"><input id="entire" type="radio" name="post"
                value="entire" checked>Entire Class <input type="radio"
                id="individual" name="post" value="individual">Individual
                Student(s)/instructor(s)</td>
        </tr>

        <tr>
            <td class="first">Select Folder(s)</td>
            <td class="second">
                <!-- create six homework checkboxes -->
                <div class="hw">
                    <input id="hw1" type="checkbox"><label for="hw1">hw1</label>
                    <input id="hw2" type="checkbox"><label for="hw2">hw2</label>
                    <input id="hw3" type="checkbox"><label for="hw3">hw3</label>
                    <input id="hw4" type="checkbox"><label for="hw4">hw4</label>
                    <input id="hw5" type="checkbox"><label for="hw5">hw5</label>
                    <input id="hw6" type="checkbox"><label for="hw6">hw6</label>
                </div>
            </td>
        </tr>

        <tr>
            <td class="first">Summary
                <div style="font: 10px Arial">(100 charactors or less)</div>
            </td>

                <td class="second"><input id="summary" type="text" size="25"
                value="Enter a one line summary...!" onclick="this.value='';"></td>
        </tr>

        <tr>
            <td class="first">Details</td>

            <!-- create detail text area. -->
            <td class="second"><textarea id="details" name="textarea"
                    rows="10" cols="50" wrap='off'></textarea></td>
        </tr>

        <tr>
            <td class="first">Posting Options</td>

            <!-- create two option check boxes -->
            <td><input id="option1" type="checkbox"> Make this an
                announcement (note appears on the course page)</br> <input id="option2"
                type="checkbox"> Send email notifications immediately
                (bypassing student's email preferences, if neccesory)</td>
        </tr>

        <tr>
            <td></td>

            <td>
                <input id="post" type="submit" value="Post My Note!" onClick="check()">
                <input id="cancel" type="reset" value="Cancel" />
            </td>
    </table>
</section>

</body>

</html>


寄往
全班个人
学生/教员
选择文件夹
hw1
hw2
hw3
hw4
hw5
hw6
总结
（100个字符或更少）
细节
过帐选项
让这成为一个
公告（备注显示在课程页面上）
立即发送电子邮件通知
（如有必要，绕过学生的电子邮件首选项）

当我运行这段代码时，一切正常，但是取消按钮不起作用。我想我做错了什么，因为它就像30分钟前一样工作，但是

现在它根本不起作用了，我也不知道是什么错了

您没有

表单

标签。重置按钮可清除窗体内的值

2种解决方案：

将输入元素包装在
编写一段脚本，在单击“清除”按钮时清除要清除的元素

表单

将输入元素包装在
编写一段脚本，在单击“清除”按钮时清除要清除的元素


寄往
全班个人
学生/教员
选择文件夹
hw1
hw2
hw3
hw4
hw5
hw6
总结
（100个字符或更少）
细节
过帐选项
让这成为一个
公告（备注显示在课程页面上）
立即发送电子邮件通知
（如有必要，绕过学生的电子邮件首选项）


寄往
全班个人
学生/教员
选择文件夹
hw1
hw2
hw3
hw4
hw5
hw6
总结
（100个字符或更少）
细节
过帐选项
让这成为一个
公告（备注显示在课程页面上）
立即发送电子邮件通知
（如有必要，绕过学生的电子邮件首选项）

form

表单

表

form

表单

表