-2

用户必须能够插入姓名、地址、性别、颜色和模块......当用户单击清除按钮时，表单应该被清除，当用户单击确定按钮时，名称和地址应该显示在表单下方..

<!DOCTYPE html>
<html>

<head>
<script>
 function buttonOk()
{
 var but = document.getElementById("button");
 var txt=document.getElementById("name").value;
 document.getElementById("name").value=txt;
}
</script>
</head>


<body>
   <h2> Application Form <h2>

   <form>
   <table>
     <tr>
         <td>Name</td>
         <td>
             <input type="text" name="name" size=30 value=" ">
         </td>
     </tr>
     <tr>
        <td> Address</td>
        <td>
            <input type="text" name="address" size=30 value=" ">
        </td>
     </tr> 
     <tr>
        <td>Gender</td>
        <td>
            <input type="radio" name="sex" value="M"> Male
            <input type="radio" name="sex" value="F"> Female 
        </td>
     </tr>
     <tr>
        <td>Stream</td>
        <td>
            <select name="stream">
            <option value="0" selected>---Select color--</option>
            <option value="red">Red</option>
            <option value="blue">Blue</option>
            </select><br  /> 
        </td>
     </tr>
     <tr>
         <td>Modules</td>
         <td>
             <input type="checkbox" name="module" value="m1"> M1
             <input type="checkbox" name="module" value="m2"> M2
             <input type="checkbox" name="module" value="m3"> M3
             <input type="checkbox" name="module" value="m4"> M4 
       </td>
     </tr>
     <tr>
       <td>
           <input type="submit" name="butt" value="Clear">
           <input type="submit" name="button" value="OK">
        </td>
     </tr>
</table>

<hr size="2" noshade />
</form>

</body>
</html>
4

2 回答 2

0

这个可能对你有帮助

JSBin

<td>
    <input type="reset" name="butt" value="Clear" />
</td>
于 2013-11-11T11:17:06.097 回答
0

将输入类型设置为重置以清除按钮

<input type="reset" value="Clear">
于 2013-11-11T11:14:28.620 回答