HTML/CSS/JavaScript学习【边学边更】

本文链接：https://blog.csdn.net/hahawhyha/article/details/9155383

最基本的HTML学习。跟着书上练习，记录下来以便督促自己

<html>
<head>
<title>我们一起来计算梯形的面积</title>
</head>
<body>
<script language="javascript">
function rec(form)
{form.recanswers.value=(form.recshortth.value*form.recheightth.value
+form.reclength.value*form.recheightth.value)/2}
</script>
<form>
<h1>梯形面积 </h1>
上底
<input type="text" name="recshortth"><br>
下底
<input type="text" name="reclength"><br>
高度
<input type="text" name="recheightth"><br>
<input name="button" type="button" οnclick="rec(this.form)" value="面积">
<br>
<input type="text" name="recanswers"><br>

</form>
</body>
</html>

实现这样的效果：

修改密码

<html>
<head>
<title>修改密码</title>
</head>
<body>
<script language="javascript">
function rec(form)
{
var a=form.text1.value;
var b=form.textf.value;
var c=form.texts.value;
{
if(c==b)
alert("哈哈 修改成功");
else
alert("sorry,密码和确认密码不一致！");
}
}
function re(form)
{
form.text1.value="";
form.textf.value="";
form.texts.value="";
}
</script>
<form>
<table width="321" border="1">
<tr>
<td colspan="3">用户密码修改</td>
</tr>
<tr>
<td width="1"> </td>
<td width="119">旧密码：</td>
<td width="179"><input type="password" name="text1"></td>
</tr>
<tr>
<td> </td>
<td>新密码：</td>
<td><input type="password" name="textf"></td>
</tr>
<tr>
<td> </td>
<td>重新输入密码：</td>
<td><input type="password" name="texts"></td>
</tr>
<tr>
<td> </td>
<td><input type="button" name="button" value="提交" οnclick="rec(this.form)"></td>
<td><input type="reset" name="reset" value="重置" οnclick="re(this.form)"></td>
</tr>
</table>
</form>
</body>
</html>