<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>
鼠标右键点击然后选择查看源文件,如果你有网页制作方面的基础的话整个网页的源代码都可以看到了如果不懂就把源代码复制到网页制作的源代码区就可以通过所见即所得的方式查看整个网页的编写情况了。希望我的回答对你的问题有帮助