表单设计练习
实验三:表单设计练习
实验目的:
熟悉表单设计方法
实验要求:
1、制作一个完整网页;
2、在网页里面设计一个表单;
3、表单中至少包括 5 个以上的表单项;
4、表单主题突出,设计合理,外观整洁大方。
设计详情:
1.简单 js 语句,跳出窗口。
2.简单文字显示,利用简单 css 对其样式调整。
3.插入图片,利用简单 css 对其样式调整。
4.设置表单:
(1)type="text" /"password"/"email"/"radio"/"date"
(2)
5.利用简单 js 和表单设计设置分数计算机
(1)type="text" /"button"/"submit"
(2)简单 js 解析
? 设置分数区间,弹出不同文字
0-180 再考虑
180-280 继续努力
280 以上 大佬
? parseFloat() 函数可解析一个字符串,
并返回一个浮点数。
? document.formName.elementName.value
获取表单 input 元素的值
? onclick 在 html 中的用法是鼠标点击事
件执行脚本,onclick 是 HTML 标记对象
的一个属性,当鼠标被单击时执行设定
要执行的 javascript 脚本。
实验截图:
心得体会:
在这次实验过程中,我学会了表单的简单制作,js 计算器的基本应用。可能没有用 div 排版,图片也没有很好看,被人评价说“盗版网站,狗都不要”。但是看它功能还是挺齐全的,嘿嘿。
源码地址:https://github.com/Simmon2333/Web-Test(实验3)