简单留言板之前端

最近参加培训，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

HTML5实现简单留言板1

简单留言板之前端

更多相关文章

随机推荐