1、【第一步】打开Dreamweaver cc 2014软件，选择建立html界面，里面自动生成一些必要代码的代码格式，节省时间。
2、【第二步】在body标签内输入：
<div class="div1" id="one">
留言记录：
</div>
<form name="myform">
<textarea name="text" cols="50" rows="10"></textarea><br>
<input name="btn" type="button" value="提交">
</form>
</body>
3、【第三步】在body标签前面位置，输入：
<style>
.div1{color:#6E6A6A; font-size:18px; }
.pone{color:#0BB8C7; border-bottom:1px red solid; width:400px;}
</style>
保存并摁F12键观察效果。
4、【第四步】回到Dreamweaver 界面，在style样式前面位置输入：
<script>
window.onload=function(){
var div1=document.getElementById("one")
var btn=document.myform.btn
var text=document.myform.text
btn.onclick=text.onkeydown=function(e){
var ev=e||window.event;
if(ev.type=="click"||(ev.type=="keydown" && ev.keyCode==13 && ev.ctrlKey==true)){
ptext=document.createElement("p")
div1.appendChild(ptext)
ptext.innerHTML=text.value
text.value=""
ptext.className="pone"
}
}
}
</script>
5、【第五步】先保存一下，再摁F12键，跳转到网页，在输入框内输入内容，点击提交，就可看到当前的提交效果。
