一个不错的用CSS布局的表单

答案：<title>CSS布局的表单</title>
<style>
        #thisform{
            font-family:Georgia,serif;
            font-size:12px;
            color:#999;
            }
        #thisform label {
            font-family:Verdana,sans-serif;
            font-weight:bold;
            color:#660000;
            }
        #thisform fieldset{
            border:1px solid #cc;
            padding:0 20px;
            }
        #thisform legend{
            font-family:arial,sans-serif;
            font-weight:bold;
            font-size:90%;
            color:#666;
            background:#eee;
            border:1px solid #ccc;
            border-bottom-color:#999;
            border-right-color:#999;
            padding:4px 8px;
            }            
    </style>
</head>
<body>
    <form action="" id="thisform" method="post">
        <fieldset>
            <legend>Sign In </legend>
            <p><label for="name" accesskey="9">Name:</label><br />
            <input type="text" id="name" name="name" tabindex="1"></p>
            <p><label for="email">Email:</label><br />
            <input type="text" id="email" name="email"tabindex="2"></p>
            <p><input type="checkbox" id="remeber" name="remeber" tabindex="3"/>
            <laber for="remeber">Remeber this info?</label></p>
            <p><input type="submit" value="submit" tabindex="4"/></p>
            </fieldset>
            </form>
</body>

上一个：点击按钮后的超多功能合集
下一个：点击复选框后才可以进行下一步操作

更多图片编程知识: