HTML5实现简单留言板1

最新推荐文章于 2024-06-15 17:55:19 发布

Liucker

最新推荐文章于 2024-06-15 17:55:19 发布

阅读量7.8w

点赞数 27

分类专栏：前端UI

本文链接：https://blog.csdn.net/u011662276/article/details/52089913

版权

前端UI 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

简单留言板之前端

最近参加培训，HTML学习也有一段时间了；感觉时间过得很快，，。
前端的开发还是有利器的–HBuilder

首先看下自动生成的模块：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"> <!-- html encode type-->
        <title></title>
    </head>
    <body>
    </body>
</html>

这里我们简单的利用几个标签实现留言板的简单表现：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>  <!-- html encode type-->
        <title>留言板</title>
    </head>
    <body>
        <form action="sava_book.php" method="post">
        <p>用户名<input type="text" name="username"></p>
        <p>留言板<textarea name="content"></textarea></p>
        <p><input type="submit" value="留言"></p>
        </form>
      </body>
   </html>

推荐用火狐或者chrom 浏览器，显示的大致结果：
浏览器显示效果

这里由于没有加入css的样式，显示效果就有点简陋了；
后续会更新，留言板的后台存储，删除，分页的部分，，；

其实感觉HTML的重要部分，主要是关键的标签:
table, form, a, select, div, span
(盒子)等；
所以的样式都可以在css中去加，很多样式color,height,width,border等。
待续

2016/08/01

Liucker

关注

27
点赞
踩
74

收藏

觉得还不错? 一键收藏
7
评论
HTML5实现简单留言板1

简单留言板之前端最近参加培训，HTML学习也有一段时间了；感觉时间过得很快，，。前端的开发还是有利器的–HBuilder首先看下自动生成的模块：<!DOCTYPE html><html> <head> <meta charset="UTF-8">  <title></title> </head>
复制链接

扫一扫