一、在横线处填写对应行号的代码说明，HTML、CSS部分重点说明属性，JavaScript部分重点说明功能。（⑴、⑹、⑻题1分，其余题2分，共25分）  答题时间：50分钟
评分标准：题目均为主观题，学生答案与标准答案意思相近即给满分，若学生答案只描述了标准答案的部分内容，给一半分数
Button定义可点击按钮
Checkbox 定义复选框
File 定义输入字段和浏览器按钮，供文件上传。
Hidden 定义隐含的输入字段。
Image 定义图像形式的提交按钮
PassWord 定义密码字段。该字段中的字符被掩码。
Radio 定义单选按钮
Reset定义重置按钮，重置按钮会清除表单中的所有数据
Submit 定义提交按钮，text 定义单行输入字段。
代码格式：<input type="text" name="..." size="..." maxlength="..." value="...">
属性解释：
type="text"定义单行文本输入框；
name属性定义文本框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；
size属性定义文本框的宽度，单位是单个字符宽度；
maxlength属性定义最多输入的字符数。
value属性定义文本框的初始值
多行文本框
也是一种让访问者自己输入内容的表单对象，只不过能让访问者填写较长的内容。
代码格式：<TEXTAREA name="..." cols="..." rows="..." wrap="VIRTUAL"></TEXTAREA>
属性解释：
name属性定义多行文本框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；
cols属性定义多行文本框的宽度，单位是单个字符宽度；
rows属性定义多行文本框的高度，单位是单个字符宽度；
wrap属性定义输入内容大于文本域时显示的方式
代码格式：<input type="password" name="..." size="..." maxlength="...">
属性解释：
type="password"定义密码框；
name属性定义密码框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；
size属性定义密码框的宽度，单位是单个字符宽度；
maxlength属性定义最多输入的字符数。
样例3：
样例3代码：
<input type="password" name="example3" size="20" maxlength="15">
隐藏域
隐藏域是用来收集或发送信息的不可见元素，对于网页的访问者来说，隐藏域是看不见的。当表单被提交时，隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。
代码格式：<input type="hidden" name="..." value="...">
属性解释：
type="hidden"定义隐藏域；
name属性定义隐藏域的名称，要保证数据的准确采集，必须定义一个独一无二的名称；
value属性定义隐藏域的值
例如：<input type="hidden" name="ExPws" value="dd">
复选框
复选框允许在待选项中选中一项以上的选项。每个复选框都是一个独立的元素，都必须有一个唯一的名称。
代码格式：<INPUT type="checkbox" name="..." value="...">
属性解释：
type="checkbox"定义复选框；
name属性定义复选框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；
value属性定义复选框的值
文件上传框
有时候，需要用户上传自己的文件，文件上传框看上去和其它文本域差不多，只是它还包含了一个浏览按钮。访问者可以通过输入需要上传的文件的路径或者点击浏览按钮选择需要上传的文件。
注意：在使用文件域以前，请先确定你的服务器是否允许匿名上传文件。表单标签中必须设置ENCTYPE="multipart/form-data"来确保文件被正确编码；另外，表单的传送方式必须设置成POST。
代码格式：<input type="file" name="..." size="15" maxlength="100">
属性解释：
type="file"定义文件上传框；
name属性定义文件上传框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；
size属性定义文件上传框的宽度，单位是单个字符宽度；
maxlength属性定义最多输入的字符数。
下拉选择框
下拉选择框允许你在一个有限的空间设置多种选项。
代码格式：
<select name="..." size="..." multiple>
<option value="..." selected>...</option>
</select>
属性解释：
size属性定义下拉选择框的行数；
name属性定义下拉选择框的名称；
multiple属性表示可以多选，如果不设置本属性，那么只能单选；
value属性定义选择项的值；
selected属性表示默认已经选择本选项。
表单按钮
表单按钮控制表单的运作。
1.3.1 提交按钮
提交按钮用来将输入的信息提交到服务器。
代码格式：<input type="submit" name="..." value="...">
属性解释：
type="submit"定义提交按钮；
name属性定义提交按钮的名称；
value属性定义按钮的显示文字；
样例9：
样例9代码：
<input type="submit" name="mySent" value="发送">
1.3.2 复位按钮
复位按钮用来重置表单。
代码格式：<input type="reset" name="..." value="...">
属性解释：
type="reset"定义复位按钮；
name属性定义复位按钮的名称；
value属性定义按钮的显示文字；
样例10：
样例10代码：
<input type="reset" name="myCancle" value="取消">
1.3.3 一般按钮
一般按钮用来控制其他定义了处理脚本的处理工作。
代码格式：<input type="button" name="..." value="..." onClick="...">
属性解释：
type="button"定义一般按钮；
name属性定义一般按钮的名称；
value属性定义按钮的显示文字；
onClick属性，也可以是其它的事件，通过指定脚本函数来定义按钮的行为；
1、 <html>
2、 <head>
3、 <title>图书信息添加</title>
4、 <script type="text/JavaScript">
5、 <!--
6、   function check()
7、   {
8、   var oID=document.addForm.pID;
字符串长度web9、   var oName=document.addForm.pName;
1 9行：
10、       if(oID.value= ="")
11、       {
12、         alert("图书编号不能为空");
13、         return false;
14、         }
15、       if(oID.value.length!=10)
16、       {
17、           alert("图书编号必须为10位");
18、           return false;
19、       }
20、       if(oName.value= ="")
21、       {
22、           alert("图书名称不能为空");
23、           return false;
24、       }
25、   }
26、 -->
27、 </script>
2 20-23行： ___________________________________________________________________________________________
28、 <style type="text/css">
29、   body{background-image:"../images/bg.gif";
30、   background-position:bottom right;

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。