<html>
<head>
<meta http-equiv="Content-Type" content="text/html charset=UTF-8">
<style>
fieldset{
margin:0 auto
width:800px
}
legend{
color:red
}
table{
margin:0 auto
width: 400px
border-collapse:collapse
}
td{
border:1px solid gray
}
</style>
<title>第三题</title>
<script>
var Shop = function(xm, mc, sl, dj, fs){
this.xm = xm
this.mc = mc
this.sl = sl
this.dj = dj
this.fs = fs
}
Shop.prototype.toString = function(){
return ("客户姓名：" + this.xm
+ "\n商品名称： " + this.mc
+ "\n购买数量：" + this.sl
+ "\n购买单价：" + this.dj + "元"
+ "\n邮购方式：" + this.fs
+ "\n总价：" + this.sl * this.dj + "元")
}
var buy = function(fm){
var xm = fm.xm.value.replace(/^\s+|\s+$/,"")
var mc = fm.mc.value
var sl = fm.sl.value.replace(/\D/g,"")
var dj = fm.dj.value
var fs = fm.fs.value
if(xm == ""){
alert("填写好客户姓名！")
fm.xm.focus()
return false
}else if(sl == ""){
alert("填写好购买数量！")
fm.sl.focus()
fm.sl.select()
return false
}else if(dj == ""){
alert("填写好购买单价！")
fm.dj.focus()
return false
}
var sp = new Shop(xm, mc, sl, dj, fs)
alert(sp)
return true
}
onload = function(){
var arr = [26.0, 30, 22]
fm.mc.onchange = function(){
fm.dj.value = arr[this.selectedIndex].toFixed(1)
}
fm.dj.value = arr[0].toFixed(1)
}
</script>
</head>
<body>
<fieldset>
<legend>
网上购物>>>网上商店
</legend>
<form name="fm" onsubmit="return buy(this)">
<table>
<tr>
<td>客户姓名：</td>
<td>
<input type="text" name="xm" />
</td>
</tr>
<tr>
<td>商品名称：</td>
<td>
<select name="mc">
<option>高等数学</option>
<option>汇编语言</option>
<option>JavaScript编程</option>
</select>
</td>
</tr>
<tr>
<td>购买数量：</td>
<td><input type="text" name="sl" /></td>
</tr>
<tr>
<td>购买单价：</td>
<td>
<input name="dj" type="text" readonly="readonly" />
</td>
</tr>
<tr>
<td>邮购方式：</td>
<td>
<label><input type="radio" name="fs" value="平邮" checked="true" />平邮</label>
<label><input type="radio" name="fs" value="挂号"/>挂号</label>
<label><input type="radio" name="fs" value="EMS" />EMS</label>
</td>
</tr>
<tr>
<td colspan=2 style="text-align:center">
<input type="submit" value="现在购买" />
<input type="reset" value="重写订单" />
</td>
</tr>
</table>
</form>
</fieldset>
</body>
</html>
不支持外联图片，请移步 这里 查看不支持外联图片，请移步 这里 查看
博客地址：
大鹏博客
项目地址：
项目地址
不支持外联图片，请移步 这里 查看
项目地址
欢迎光临我的博客 www.qzroc.com
1、网页内容字体搭配和谐。在网站中，用户最关心的就是网站的内容，一个网站的内容，字体搭配和谐，编辑排版得当总能给用户带来好感。当然这是给用户一个视觉感官上的舒服，但是用户要看到的还是实实在在的内容，如果在内容对用户有用的情况下，增加文章的排版，用户的体验感无疑得到增强。
2、摆脱颜色的控制，突出网站的特色。
在新时代下，鲜明的网站色彩无疑给用户的视觉带来很大的冲击，在网站的设计中，要注意用户的体验，在网页设计中，颜色不能太复杂，建议采用一种主色调外加两种辅助颜色，这样增加网站特色，突出网站重点内容。
3、在网页设计中，最重要的是要留白。
在以往的网站设中，很多用户都希望设计布满整个页面，想要在网站上呈现更多的内容，这其实是一种错误的做法，用户在浏览网页时，也会产生视觉疲劳，所以在网页设计中，留白能缓解用户的浏览疲劳。网页设计留白是细节，也是网页设计的一种趋势。
4、导航设计。
对网站来说，最重要的就是网站的导航设计，导航就好比迷失森林里的方向指示牌，有了导航，客户可以知道自己想去哪里，自己目前在哪里，网站中有了导航设计，用户能很清楚的找到所想要找到的内容，这大大方便了用户。
网站的导航设计也是决定用户体验好坏的重要标杆，专业的网站设计，一般网站的导航上都是十分清晰可见的，有些细心的网站还添加了面包屑导航。
5、网页设计要融入企业的元素和文化。
专业的网页设计，一定是为企业量身定做的，网页设计的元素中包含企业本身的特色，包括企业文化背景等。
在网页设计中，只有站在用户的角度去考虑问题，在设计网页时，注意细节。细节才是网站盈利之道。
