如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
运用JavaScript+div+css创建留言板
来源：互联网
2023-03-16 19:12:30 371
网页中，留言板是个极为好的交互功能。
工具/原料
- Dreamweaver cc 2014
- JavaScript div css
方法/步骤
【第一步】打开Dreamweaver cc 2014软件，选择建立html界面，里面自动生成一些必要代码的代码格式，节省时间。
【第二步】在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>
【第三步】在body标签前面位置，输入：
style>
.div1{color:#6E6A6A; font-size:18px; }
.pone{color:#0BB8C7; border-bottom:1px red solid; width:400px;}
/style>
保存并摁F12键观察效果。
【第四步】回到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>
【第五步】先保存一下，再摁F12键，跳转到网页，在输入框内输入内容，点击提交，就可看到当前的提交效果。
注意事项
- 可以根据自己的需要调整样式和板式等。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
上一篇：前端笔记——标题标签 下一篇：HTML中class和id属性如何使用
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 438 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)