码迷,mamicode.com
首页 > 其他好文 > 详细

表单的制作效果!

时间:2016-11-28 09:21:40      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:www   大小写   xhtml 1.0   html   utf-8   span   lsp   add   address   

技术分享

<!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>

 

表单的制作效果!

标签:www   大小写   xhtml 1.0   html   utf-8   span   lsp   add   address   

原文地址:http://www.cnblogs.com/pengxin/p/6108064.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!