13网页制作基础期末试卷
13网页制作基础期末试卷
北华航天工业学院2012—2013学年第二学期网页制作基础 课程考试卷（A 、B ）考核形式：开卷、闭卷 班级： 姓名：一、选择题（每题只有一个正确答案，每题2分，共40分）1. 能将域名解析为IP 地址的是（ ）。
A. domanB. hostC. DNSD. WWW2. 表示水平线的长度的HTML 代码是( )。
A. <hr size=>B. <hr long=>C. <hr height=>D. <hr width=>3. <a href="#top"> ... </a>,表示（ ）。
A. 跳转到””页面的顶部B. 跳转到””页面的”top ”锚点C. 跳转到””页面的底部D. 跳转到””页面的文字”top ”所在链接 4. 表示新开一个窗口的超链接代码是（ ）。
A. <a href=URL target=_new>..</a>B. <a href=URL target=_self>..</a>C. <a href=URL target=_blank>..</a>D. <a href=URL target=_parent>..</a> 5. 标题标记字体最大的是h1,最小的是（ ）。
A. h4B. h5C. h66.黑色的RGB代码是（）。
A.#000000B.#FF0000C.#0000FFD.#FFFFFF7.无序列表的HTML代码是（）。
A.<li><ui>...</li>B.<ul><li>...</ul>C.<Ol><li>...<Ol>D.<li><ol>...</li>8.<img alt=#>，表示（）A.图像的地址B.图像的排列方式C.在浏览器不能打开图象时，在图象位置显示的文字D.图像的大小9.在HTML中,<form action=>，action表示( )。
网页设计与制作期末试题及答案
网页设计与制作模拟试题（一）一、单项选择题(每空1分，共10分)1.目前在Internet上应用最为广泛的服务是( B )。
A.FTP服务B.WWW服务C.Telnet服务 D.Gopher服务2.在域名系统中，域名采用( C )。
A.树型命名机制B.星型命名机制C.层次型命名机制D.网状型命名机制3.HTTP协议是一种(D )协议。
A．文件传输协议 B．远程登录协议C．邮件协议 D．超文本传输协议4.HTML语言中的转行标记是(B )。
A.<html>B.<br>C.<title>D.<p>5.在HTML中，标题字体标记<hx>中x的最大取值是( C )。
A.4B.5C.6D.76.以下不能用来定义表格内容的标记为( A )。
A.<br>B.<tr>C.<th>D.<td>7.下面不是组成一个HTML文件基本结构标记的是( C )。
A.<HTML></HTML>B.<HEAD></HEAD>C.<FORM></FORM>D.<BODY></BODY>8. 加入一条水平线的HTML代码是( A )。
A. <hr>B. <img src="name" border=?>C. <img src="name" align=?>D. <img src="name">9.在HTML中，标记<pre>的作用是( B )。
A.标题标记B.预排版标记C.转行标记D.文字效果标记10.要创建一个Email地址的链接，下面正确的句法是( A )。
A. <a href=“mailto:**************”>与我联系</a>B. <a href=“files:**************”>与我联系</a>C. <a href=“http:**************”>与我联系</a>D. <a href=“usenet:**************”>与我联系</a>11. 客户/服务器系统的最大特点是客户机和服务器( D )A. 必须运行在同一台机器上B. 必须运行在同一个网络上C. 必须运行在不同的计算机上D. 不必运行在同一计算机上12. 若需要软件把LAN上的客户机从Internet上隐藏起来，并为客户机执行Web 请求，则下面( D )软件能实现此项功能。
《网页制作》期末考试试题(含答案)
2010年秋季学期《网页制作》科目期末考试卷(理论）使用班级:09计一、09物一班级：姓名: 得分:一、选择题（每题3分,共45分）1、可以通过（）文本框设置单元格内容和单元格边界之间的像素数。
A:填充 B:间距 C：边框 D：宽和高2、将鼠标指针移动到表格上面，当鼠标指针呈（）形状时，单击便可选中表格.A:网格图标 B：十字 C:双箭头 D:空心箭头3、在一个网站中，路径的表示方式一般有（）.A：绝对路径、根目录相对路径 B:绝对路径、根目录绝对路径C：绝对路径、根目录相对路径、文档目录相对路径D：绝对路径、根目录绝对路径、文档目录相对路径4、若要编辑Dreamweaver 8站点,可采用的方法是( ）.A:执行菜单“站点"/“管理站点"命令，然后选择一个站点,单击“编辑”B:在“文件”面板中,切换到要编辑的站点窗口中，双击站点名称C:执行菜单“站点"/“打开站点”命令，然后选择一个站点D:在“属性面板”中进行站点的编辑5、如果要使浏览器不显示表格边框，应将“边框粗细”设置为（ )。
A：1 B:2 C：3 D：06、以下扩展名中不表示网页文件的是( )A、。
htmB、。
htmlC、 .aspD、。
txt7、构成WEB站点的最基本的单位是（ )A、网站B、主页C、网页D、文字8、网页最基本的元素是( ）A、文字与图像B、声音C、超链接D、动画9、在进行网站设计时，属于网站建设过程规划和准备阶段的是（）A、网页制作B、确定网站的主题C、后期维护与更新D、测试发布10、Dreamweaver是（）软件A、图像处理B、网页编辑C、动画制作D、字处理11、在网站整体规划时，第一步要做的是（）A 确定网站主题B 选择合适的制作工具C 搜集材料D 制作网页12、链接到同一网页的超链接，又称为（）。
A．绝对超链接 B．相对超链接 C．邮件超链接 D．锚点超链接13、要想在新的浏览器窗口中打开链接页面，应将链接对象的“目标(target）”属性设为（）A．_parent B．_blank C．_self D．_top14、“HTTP”的中文含义是（）。
《网页设计与制作》期末考试题与答案
《网页设计与制作》期末考试试题一、单项选择题(本大题共30小题，每小题2分，共60分)1、目前在Internet上应用最为广泛的服务是( b)。
A、FTP服务B、WWW服务C、Telnet服务D、Gopher服务2、域名系统DNS的含义是(b )。
A、Direct Network SystemB、Domain Name ServiceC、Dynamic Network SystemD、Distributed Network Service3、主机域名center. nbu. edu. cn由四个子域组成，其中( d)子域代表国别代码。
A、centerB、nbuC、eduD、cn5、当标记的TYPE属性值为(d )时，代表一个可选多项的复选框。
A、TEXTB、PASSWORDC、RADIOD、CHECKBOX6、为了标识一个HTML文件开始应该使用的HTML标记是( c)。
A、<table>B、<body>C、<html>D、<a>7、在客户端网页脚本语言中最为通用的是( a)。
A、javascriptB、VBC、PerlD、ASP8、在HTML中，标记的Size属性最大取值可以是( c)。
A、5B、6C、7D、89、在HTML中，单元格的标记是(a )。
A、<td>B、<span>C、<tr>D、<body>11、下面不属于CSS插入形式的是(a )。
A、索引式B、内联式C、嵌入式D、外部式12、在网页中最为常用的两种图像格式是( a)。
A、JPEG和GIFB、JPEG和PSDC、GIF和BMPD、BMP和PSD13、如果站点服务器支持安全套接层(SSL)，那么连接到安全站点上的所有URL开头是( b)。
A、HTTPB、HTTPSC、SHTTPD、SSL14、在HTML中，要定义一个空链接使用的标记是(a ).A、<a href=”#”>B、<a href=”?”>C、<a href=”@”>D、<a href=”!”>15、对远程服务器上的文件进行维护时，通常采用的手段是( b)A、POP3B、FTPC、SMTPD、Gopher16、下列Web服务器上的目录权限级别中，最安全的权限级别是(a )A、读取B、执行C、脚本D、写入17、用Fireworks切割图形时，需要的工具是（c）A、裁剪B、选取框C、切片D、自由变形18、Internet上使用的最重要的两个协议是(b )A、TCP和TelnetB、TCP和IPC、TCP和SMTPD、IP和Telnet19、body元素用于背景颜色的属性是（c）A、alinkB、vlinkC、bgcolorD、background20、下面说法错误的是( d)A、规划目录结构时，应该在每个主目录下都建立独立的images目录B、在制作站点时应突出主题色C、人们通常所说的颜色，其实指的就是色相D、为了使站点目录明确，应该采用中文目录21、在Dreamweaver中，最常用的表单处理脚本语言是( d).A、CB、JavaC、ASPD、JavaScript22、在Dreamweaver MX中，想要使用户在点击超链接时，弹出一个新的网页窗口，需要在超链接中定义目标的属性为( b)A、parentB、_bankC、_topD、_self23、网页制作技术不可以实现由一个文件控制一大批网页( d)A、CSS文件B、库C、模板D、层24、查看优秀网页的源代码无法学习( c).A、代码简练性B、版面特色C、网站目录结构特色D、Script程序26、客户机可向服务器按MINE类型发送和接收信息，客户机使用( )请求方式表示要求服务器发送文件头消息.dA、SMTPB、GETC、HEADD、POST27、在色彩的RGB系统中，32位十六进制数000000表示的颜色是( a).A、黑色B、红色C、黄色D、白色28、Flash中，与位图相比，矢量图形的优点是（a）A、变形、缩放不影响图形显示质量B、丰富多彩C、图像所占空间大D、图像质量好30、不论是网络的安全保密技术，还是站点的安全技术，其核心问题是( a).A、系统的安全评价B、保护数据安全C、是否具有防火墙D、硬件结构的稳定网页设计与网页制作多选题一、多项选择题(本大题共10小题，每小题2分，共20分。
《网页设计与制作》期末考试试题及答案
《网页设计与制作》期末考试试题一、单项选择题(本大题共30小题，每小题2分，共60分)1、目前在Internet上应用最为广泛的服务是()。
A、FTP服务B、WWW服务C、Telnet服务D、Gopher服务2、域名系统DNS的含义是()。
A、DirectNetworkSystemB、DomainNameServiceC、DynamicNetworkSystemD、DistributedNetworkService3、主机域名由四个子域组成，其中()子域代表国别代码。
A、centerB、4A、GB码B、Unicode5、当标记的TYPE属性值为()A、TEXTB、6、为了标识一个HTMLA、<table>B、7A、javascriptB、8、在HTML中，标记的A、5B、6插入形式的是()。
C、嵌入式D、外部式()。
、GIF和BMPD、BMP和PSD 13URL开头是()。
C、SHTTPD、SSL().、<ahref=”@”>D、<ahref=”!”>()SMTPD、Gopher16、下列Web服务器上的目录权限级别中，最安全的权限级别是()A、读取B、执行C、脚本D、写入17、用Fireworks切割图形时，需要的工具是（）A、裁剪B、选取框C、切片D、自由变形18、Internet上使用的最重要的两个协议是()A、TCP和TelnetB、TCP和IPC、TCP和SMTPD、IP和Telnet19、body元素用于背景颜色的属性是（）A、alinkB、vlinkC、bgcolorD、background20、下面说法错误的是()A、规划目录结构时，应该在每个主目录下都建立独立的images目录B、在制作站点时应突出主题色C、人们通常所说的颜色，其实指的就是色相D、为了使站点目录明确，应该采用中文目录21、在Dreamweaver中，最常用的表单处理脚本语言是().A、CB、JavaC、ASPD、JavaScript22、在DreamweaverMX中，想要使用户在点击超链接时，弹出一个新的网页窗口，需要在超链接中定义目标的属性为()A、parentB、_bankC、_topD、_self23、网页制作技术不可以实现由一个文件控制一大批网页()A、CSS文件B、库C、模板D、层24、查看优秀网页的源代码无法学习().A、代码简练性B、版面特色C25、在网页制作过程中，A、468*60B、26、客户机可向服务器按MINEA、SMTPB、27、在色彩的RGB系统中，32A、黑色B、红色28、FlashACB、保护数据安全D、硬件结构的稳定一、多项选择题(本大题共10小题，每小题2分，共20分。
网页设计考试试题(网页制作基础知识)
网页设计考试试题（网页制作基础知识）网页设计一、单选题1．“常用”面板中的“图像”按钮，在_____区域中。
A．插入面板B．属性面板C．面板组D．菜单栏2．_____在面板组中。
A．CSS B．文件C．属性面板D．框架3．在表单中允许用户从一组选项中选择多个选项的表单对象是_____。
A．单选按钮B．列表/菜单C．复选框D．单选按钮组4．超级链接主要可以分为文本链接、图像链接和_____。
A．锚链接B．瞄链接C．卯链接D．瑁链接5．CSS表示_____。
A．层B．行为C．样式表D．时间线6．能够设置成口令域的_____。
A．只有单行文本域B．只有多行文本域C．是单行、多行文本域D．是多行文本标识7．为了标识一个HTML文件应该使用的HTML标记是_____。
A．《p》《/P》B．《body》《/body》C．《html》《/html》D．《table》《/table》8．超级链接是一种_____的关系。
A．一对一B．一对多C．多对一D．多对多9．在下面的描述中，不适合于JavaScript的是_____。
A．基于对象的B．基于事件的C．跨平台的D．编译的10．_____技术把网页中的所有页面元素看成是对象，能让所有页面元素对事件做出响应。
A.HTML B．CSS C．DOM D．XML11．HTML代码《img src=“name”》表示_____。
A．添加一个图像B．排列对齐一个图像C．设置围绕一个图像的边框的大小D．加入一条水平线12．Dreamweaver的文本菜单中，Style→Underline表示_____。
A．从字体列表中添加或删除字体B．将选定文本变为粗体C．将选定文本变为斜体D．在选定文本上加下划线13．《frameset cols=#》是用来指定_____。
A．混合分框B．纵向分框C．横向分框D．任意分框14．Dreamweaver的插入菜单中，Table表示_____。
A．打开插入图像对话框B．打开创建表格的对话框C．插入与当前表格等宽的水平线D．插入一个有预设尺寸的层15．单击_____可以选中表单虚线框。
网页设计与制作期末试卷
2014-2015年度第一学期12级_ 网页设计与制作课程期末试卷一、判断题〔15分〕〔〕1、在一个WEB站点中，主页就是网页，两者是一致的。
〔〕2、表格是一种Web页面布局的常用方法。
〔〕3、的多个网页有一样的头部和脚注，可以利用库实现。
〔〕4、一般来说，整个站点就是一个大的文件夹。
〔〕5、CSS样式表可以从外部导入，通过的形式，使用样式定义。
〔〕6、动态网页就是网页中有许多多媒体元素和一些动的效果，使用户感觉页面非常有活力。
〔〕7、站点中的文件夹可以使用中文名称。
〔〕8、框架网页能够在窗口的不同框架内翻开的目标文件。
〔〕9、框架的不同区域可以显示不同的网页。
〔〕10、CSS样式，只能通过外部导入，并到网页，网页才能有效果。
〔〕11、在网页制作中，我们经常用表单方法进展页面布〔〕12、在IE浏览器中预览网页的快捷键是F10〔〕13、添加背景音乐的HTML标签是<music>。
〔〕14、代表“鼠标按下左键〞的事件是On Mouse Over。
〔〕15、Dreamweaver中的行为可以删除。
二、选择题〔每题1.5分，共30分〕1、以下几个事件中代表“鼠标按下左键〞的事件是〔〕。
A．On Mouse DownB．On Mouse OutC．On Mouse OverD．On Mouse Up2、添加背景音乐的HTML标签是〔〕。
A．<bgsound>B．<bgmusic>C．<bgm>D．<music>3、在网页制作中，我们经常用以下____________方法进展页面布局。
A、文字B、表格C、表单D、图片4、常用的网页制作工具有____________。
A、wordB、ExcelC、DreamweaverD、VB5、在IE浏览器中预览网页的快捷键是____________。
A、F9B、F10C、F11D、F126、以下标记可以不成对出现的是〔〕。
《网页设计与制作》期末考试试题及答案
《网页设计与制作》期末考试试题一、单项选择题(本大题共30小题，每小题2分，共60分)1、目前在Internet上应用最为广泛的服务是（b)。
A、FTP服务B、WWW服务C、Telnet服务D、Gopher服务2、域名系统DNS的含义是（b )。
A、Direct Network SystemB、Domain Name ServiceC、Dynamic Network SystemD、Distributed Network Service3、主机域名center. nbu. edu. cn由四个子域组成，其中（d)子域代表国别代码。
A、centerB、nbuC、eduD、cn5、当标记的TYPE属性值为（d )时，代表一个可选多项的复选框.A、TEXTB、PASSWORDC、RADIOD、CHECKBOX6、为了标识一个HTML文件开始应该使用的HTML标记是( c）。
A、〈table>B、〈body〉C、<html〉D、〈a>7、在客户端网页脚本语言中最为通用的是（a)。
A、javascriptB、VBC、PerlD、ASP8、在HTML中，标记的Size属性最大取值可以是( c）。
A、5B、6C、7D、89、在HTML中,单元格的标记是(a ）。
A、〈td>B、<span>C、〈tr〉D、〈body〉11、下面不属于CSS插入形式的是(a ）.A、索引式B、内联式C、嵌入式D、外部式12、在网页中最为常用的两种图像格式是( a）。
A、JPEG和GIFB、JPEG和PSDC、GIF和BMPD、BMP和PSD13、如果站点服务器支持安全套接层（SSL)，那么连接到安全站点上的所有URL开头是( b).A、HTTPB、HTTPSC、SHTTPD、SSL14、在HTML中，要定义一个空链接使用的标记是(a ）。
A、〈a href=”＃">B、<a href=”？”>C、〈a href=”＠”〉D、<a href="！”〉15、对远程服务器上的文件进行维护时，通常采用的手段是（b）A、POP3B、FTPC、SMTPD、Gopher16、下列Web服务器上的目录权限级别中，最安全的权限级别是（a )A、读取B、执行C、脚本D、写入17、用Fireworks切割图形时，需要的工具是（c)A、裁剪B、选取框C、切片D、自由变形18、Internet上使用的最重要的两个协议是（b ）A、TCP和TelnetB、TCP和IPC、TCP和SMTPD、IP和Telnet19、body元素用于背景颜色的属性是（c）A、alinkB、vlinkC、bgcolorD、background20、下面说法错误的是( d)A、规划目录结构时，应该在每个主目录下都建立独立的images目录B、在制作站点时应突出主题色C、人们通常所说的颜色，其实指的就是色相D、为了使站点目录明确，应该采用中文目录21、在Dreamweaver中，最常用的表单处理脚本语言是（d).A、CB、JavaC、ASPD、JavaScript22、在Dreamweaver MX中，想要使用户在点击超链接时，弹出一个新的网页窗口，需要在超链接中定义目标的属性为（b）A、parentB、_bankC、_topD、_self23、网页制作技术不可以实现由一个文件控制一大批网页( d)A、CSS文件B、库C、模板D、层24、查看优秀网页的源代码无法学习（c).A、代码简练性B、版面特色C、网站目录结构特色D、Script程序26、客户机可向服务器按MINE类型发送和接收信息，客户机使用（)请求方式表示要求服务器发送文件头消息.dA、SMTPB、GETC、HEADD、POST27、在色彩的RGB系统中，32位十六进制数000000表示的颜色是( a).A、黑色B、红色C、黄色D、白色28、Flash中,与位图相比，矢量图形的优点是（a)A、变形、缩放不影响图形显示质量B、丰富多彩C、图像所占空间大D、图像质量好30、不论是网络的安全保密技术，还是站点的安全技术，其核心问题是( a).A、系统的安全评价B、保护数据安全C、是否具有防火墙D、硬件结构的稳定网页设计与网页制作多选题一、多项选择题(本大题共10小题，每小题2分，共20分。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
北华航天工业学院2012—2013学年第二学期
网页制作基础课程考试卷（A、B）
一、选择题（每题只有一个正确答案，每题2分，共40分）
1.能将域名解析为IP地址的是（）。
A.doman
B.host
C.DNS
D.WWW
2.表示水平线的长度的HTML代码是( )。
A.<hr size=>
B.<hr long=>
C.<hr height=>
D.<hr width=>
3.<a href="#top"> ... </a>,表示（）。
A.跳转到””页面的顶部
B.跳转到””页面的”top”锚点
C.跳转到””页面的底部
D.跳转到””页面的文字”top”所在链接
4.表示新开一个窗口的超链接代码是（）。
A.<a href=URL target=_new>..</a>
B.<a href=URL target=_self>..</a>
C.<a href=URL target=_blank>..</a>
D.<a href=URL target=_parent>..</a>
5.标题标记字体最大的是h1,最小的是（）。
A.h4
B.h5
C.h6
D.h7
6.黑色的RGB代码是（）。
A.#000000
B.#FF0000
C.#0000FF
D.#FFFFFF
7.无序列表的HTML代码是（）。
A.<li><ui>...</li>
B.<ul><li>...</ul>
C.<Ol><li>...<Ol>
D.<li><ol>...</li>
8.<img alt=#>，表示（）
A.图像的地址
B.图像的排列方式
C.在浏览器不能打开图象时，在图象位置显示的文字
D.图像的大小
9.在HTML中,<form action=>，action表示( )。
A.提交的方式
B.表单所用的脚本语言
C.提交的URL地址
D.表单的形式
10.下面说法错误的是（）。
A.CSS样式表可以将格式和结构分离。
B.CSS样式表可以控制页面的布局。
C.CSS样式表可以使许多网页同时更新。
D.CSS样式表只能应用于HTML标记。
11.嵌入多媒体文本的HTML的基本语法是（）。
A.<embed url=#></embed>
B.<embed src=#></embed>
C.<a src=#></embed>
D.<a url=#></embed>
12.在客户端网页脚本语言中最为通用的是（）。
A.JavaScript
B.ASP
C.PHP
D.JSP
13.有关网页中的图像的说法不正确的是（）。
A.网页中的图像并不与网页保存在同一个文件中，每个图像单独保存。
B.HTML语言可以描述图像的位置、大小等属性。
C.图像可以作为超级链接的源。
D.不能将图像的某一部分作为超级链接的源。
14.若要在网页中插入样式表,以下用法中，正确的是（）。
A.<Link href=”” type=text/css rel=stylesheet>
B.<Link s rc=”” type=text/css rel=stylesheet>。
C.<Link href=”” type=text/css>
D.<Include href=”” type=text/css rel=stylesheet>
15.定义CSS样式 #red{color：red}，以下应用该样式的是（）。
A.<div class=”red”>….</div>
B.<div class=”#red”>….</div>
C.<div ID=”red”>….</div>
D.<div ID=”#red”>….</div>
16.JavaScript表达式 1+2+”3”的值是（）。
A.6
B.“123”
C.“33”
D.“6”
17.以下创建mail链接的方法，正确的是（）。
A.<a”>管理员</a>
B.<a”>管理员</a>
C.<a”>管理员</a>
D.<a”>管理员</a>
18.若要以标题2号字、居中、红色显示”vbscrip t”，以下用法中，正确的是（）。
A.<h2><div align=”center”><color=”#ff0000”>vbscript</div></h2></fon t>
B.<h2><div align=”center”><font color=”#ff0000”>vbscript</div></h2></font>
C.<h2><div align=”center”><font color=”#ff0000”>vbscript<</h2>/div></font>
D.<h2><div align=”center”>< font color=”#ff0000”>vbscript</font></div></h2>
19.若要获得名为login的表单中，名为txtuser的文本框的值，以下获取的方法中，正确的是（）。
ername= username=以下选项中，不能放置到层中的是（）。
A.文本
B.图像
C.表格
D.层
二、填空题（每空1分，共20分）
1．网站要发布到互联网上需要购买和。
2．HTML中文叫做，网页标题使用标记，图片使用标记，有序列表使用标记，滚动文字使用标记。
3．使用Input标记可以放入表单控件，其Type属性的值决定了控件的类型，表示复选框，reset 表示，hidden表示。
表单中放入列表框使用标记。
4．CSS样式规则中,如果定义了类选择器，调用时应使用属性; 如果定义了ID选择器，调用时应使用属性。
5．RGB方式表示的颜色有红、、这3种基色调和而成。
6．font标记主要有color（颜色）、（字体）、（字号）三个属性。
7．JavaScript主要事件有onClick（点击）、（得到焦点）、（改变内容）、（网页加载）。
三、简答题（共20分）
1．简述JavaScript在HTML中的3种应用方式。
（6分）
2．简述HTML中使用CSS的三种方式及作用范围(6分)
3．简述网站发布到互联网上的步骤。
（8分）
四、综合题（共20分）
根据下图，编写代码，实现以下要求：
1．完成如图所示的HTML页面。
要求：
1）图中所有表单元素属于表单“addForm”;
2）产品名称文本框（t_name）长度20，最多输入20个字符；
3）两个复选按钮初始都未被选中；
4）“添加”按钮为提交按钮，“重填”按钮为重置按钮
5）总数文本框“t_sum”初始值为0，使用CSS使其内容右对齐；
6）总数款文本框不允许输入值。
2．编写JS代码实现以下功能。
要求：
1）定义函数 inputName() ,实现产品名称文本框输入内容时，后面使用div提示还能输入的字符数。
（产品名称文本框最多输入20个字符）；
2）蓝色数量和绿色数量的文本框只能输入数字且值大于等于0，错误的话显示错误提示；
3）蓝色数量和绿色数量的文本框改变内容后，自动变化总数文本框（只统计复选框被选中的项的数量）；
4）表单提交时，验证产品名称和数量文本框是否非法，如果非法，阻止提交。