本帖最后由 戴宇轩 于 2015-8-11 11:30 编辑
我写了一个前端版
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello</title>
<style type="text/css">
body {
width: 400px;
height: 250px;
margin-left: auto;
margin-right: auto;
padding: 0;
border: medium ridge green;
}
h1 {
text-align: center;
}
input {
padding-top: 5px;
padding-bottom: 5px;
}
#text {
margin-left: 15px;
margin-bottom: 20px;
}
#button {
margin-left: 125px;
margin-right: 50px;
}
p {
text-align: center;
}
</style>
<script type="text/javascript">
"use strict";
window.onload = function () {
window.output = document.getElementById("output");
}
function sayHello() {
var value = document.getElementById("text").value;
window.output.innerHTML = "你好，" + value + "，欢迎你来到鱼C!";
}
function clearName() {
document.getElementById("text").value = "";
window.output.innerHTML = "";
}
</script>
</head>
<body>
<h1>下面填写你的名字</h1>
<form action="#">
<input type="text" size="50" id="text"><br>
<input type="submit" value="开始" onclick="sayHello();" id="button">
<input type="submit" value="重填" onclick="clearName();">
</form>
<p id="output"></p>
<p>
<a href="http://bbs.fishc.com/forum.php">鱼C论坛</a>
</p>
</body>
</html>
| 
( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)
狗仔卡
发表于 2015-8-10 10:30:14
显身卡
发表于 2015-8-11 11:26:07
楼主