表单设计练习

实验三：表单设计练习

实验目的：

熟悉表单设计方法

实验要求：

1、制作一个完整网页；

2、在网页里面设计一个表单；

3、表单中至少包括 5 个以上的表单项；

4、表单主题突出，设计合理，外观整洁大方。

 

设计详情：

1.简单 js 语句，跳出窗口。

2.简单文字显示，利用简单 css 对其样式调整。

3.插入图片,利用简单 css 对其样式调整。

4.设置表单：

（1）type="text" /"password"/"email"/"radio"/"date"

（2）<option></option>

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）