表单设计练习


实验三:表单设计练习 实验目的: 熟悉表单设计方法 实验要求: 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)

相关