表单的制作效果！

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了表单的制作效果！相关的知识，希望对你有一定的参考价值。

技术分享

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>网页标题</title>
    <meta name="keywords" content="关键字列表" />
    <meta name="description" content="网页描述" />
    <link rel="stylesheet" type="text/css" href="" />
    <style type="text/css"></style>
    <script type="text/javascript"></script>
</head>
<body>
    <form action=‘index.php‘ method=‘post‘>
        <table width=‘900‘ border=‘1‘ cellpadding=‘5‘ cellspacing=‘0‘ align=‘center‘ bordercolor=‘#ccc‘ rules=‘
        all‘>
            <tr bgcolor=‘#f9f9f9‘>
                <td colspan=‘3‘>
                    <font size=‘2‘><b>1.会员登录名和密码</b></font>
                </td>
            </tr>
            <tr>
                <td align=‘right‘ width=‘130‘><font>用户名:</font></td>
                <td width=‘190‘><input type=‘text‘ name=‘username‘/><font color=‘red‘>*</font></td>
                <td><input type=‘button‘ value=‘检测用户名‘/><font color=‘#00ccff‘>5-15位，请使用英文(a-z、A-Z)、数字(0-9)</font></td>
            </tr>
            <tr>
                <td align=‘right‘>密　码:</td>
                <td><input type=‘password‘ name=‘pwd‘/><font color=‘red‘>*</font></td>
                <td><font color=‘#00ccff‘>5-15位，请使用英文(a-z)、数字(0-9)注意区分大小写；<br/>密码不能与登录名相同；易记；难猜</font></td>
            </tr>
            <tr>
                <td align=‘right‘>再次输入密码:</td>
                <td><input type=‘password‘ name=‘pwd2‘/><font color=‘red‘>*</font></td>
                <td><font color=‘#00ccff‘>再次输入的密码必须一致</font></td>
            </tr>

            <tr>
                <td align=‘right‘>公司所在地</td>
                <td colspan=‘2‘>
                    <select>
                        <option>北京　　　　　　　</option>
                        <option>上海</option>
                        <option>深圳</option>
                    </select>
                    <select>
                        <option>东城</option>
                        <option>朝阳</option>
                        <option>海淀</option>
                    </select>
                </td>
            </tr>

            <tr>
                <td align=‘right‘>街道地址:</td>
                <td colspan=‘2‘><input type=‘text‘ name=‘address‘/ size=‘50‘><font color=‘red‘>*</font><font color=‘#00ccff‘>填写....</font></td>
            </tr>
            
            <tr>
                <td align=‘right‘></td>
                <td colspan=‘2‘><input type=‘image‘ src=‘submit.png‘/></td>
            </tr>
        </table>
    </form>
</body>
</html>

 

以上是关于表单的制作效果！的主要内容，如果未能解决你的问题，请参考以下文章

表单的制作

如何在网络技术上制作表单翻转（喜欢卡片翻转效果）

表单的制作效果！

ppt中的三维效果怎么使用

HTML练习--制作一个表单

Android - 在同一个 XML 文件上制作翻译和 objectAnimator