欢迎光临
我们一直在努力

HTML | 表单(一)搭建表单页面结构

input是表单常用的表单元素,我们会经常使用,通过对input标签type属性值的设定可以插入不同类型的表单元素,如:文字域、密码域、文件域等。

下面通过几篇文章实战一个完整的表单,最终结果如下图:

分析一下,首先“注册信息”四个字为H1标题,中间是带颜色分行线,下面是一个带有背景色的form表单。form表单可以通过表格(八行两列)来创建,另外设置剧中对齐和背景色。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>表格实战</title>
    </head>
    <body>
        <h1 align="center">注册信息</h1>
        <hr color="#336699"/>
        <form>
            <table align="center" bgcolor="#f2f2f2" width="600px">
                <tr>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                </tr>
            </table>
        </form>
    </body>
</html>

预览结果:

赞(0) 打赏
未经允许不得转载:散人研 » HTML | 表单(一)搭建表单页面结构
分享到: 更多 (0)

评论 抢沙发

4 + 8 =
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏