首页 > 代码库 > 表格表单

表格表单

<!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="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
</head>
<body>
    <!--会员登录-->
    <form action="" method="post">
        <table cellpadding="5">
            <tr>
                <th>1.会员登录名和密码</th>
                
            </tr>
            <tr>
                <td  align="right">用户名:</td>
                <td><input type="text" name="suer"><font color=‘red‘>*</font></td>
                <td><input type="button"  name=‘anniu‘ value="检测用户名"><font color="0033ff">5-15位,请使用英文(a-z,A-Z),数字(0-9)</font></td>
            </tr>
            <tr>
                <td align="right">密 码:</td>
                <td><input type="password" name="mima"><font color=‘red‘>*</font></td>
                <td><font color="0033ff">5-15位,请使用英文(a-z,A-Z),数字(0-9)注意大小写;密码不能与登录名相同:容易记</font></td>
            </tr>
            
            <tr>
                <td align="right">再次输入密码:</td>
                <td ><input type="password" name="mima"><font color=‘red‘>*</font></td>
                <td><font color="0033ff">两次密码必须一致</font></td>
            </tr>
<!--姓名和联系-->
            <tr>
                <th>2.姓名和联系方式</th>
            </tr>
            <tr>
                <td align="right">真实姓名:</td>
                <td><input type="text" name="mingzi"><font color=‘red‘>*</font></td>
                <td><input type="radio" name="sex" value="nan">先生 
                    <input type="radio" name="sex" value="nv">小姐
                </td>
            </tr>
            <tr>
                <td align="right">电子邮箱:</td>
                <td><input type="text" name="youxiang"><font color=‘red‘>*</font></td>
                <td><font color="red">非常重要!</td>
            </tr>
            <tr>
                <td align="right">固定电话:</td>
                <td><input type="text" name="guding-number"><font color=‘red‘>*</font></td>
                <td><font color="0033ff">区号+电话号码</font></td>
            </tr>
            <tr>
                <td align="right">公司所在地:</td>
                <td  colspan="2" ><select name="dizhi" >
                        <option value="biejing">北京   </option>
                        <option value="biejing">北京</option>
                        <option value="biejing">北京</option>
                        <option value="biejing">北京</option>
                    </select>
                    <select name="dizhi">
                        <option value="biejing">东城</option>
                        <option value="biejing">北京</option>
                        <option value="biejing">北京</option>
                        <option value="biejing">北京</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td align="right">街道地址:</td>
                <td><textarea  rows="1"   name="街道地址"></textarea><font color=‘red‘>*</font></td>
                <td><font color="0033ff">填写县(区),街道,门牌号</font></td>
            </tr>
            <tr>
                <td align="right">传真号码:</td>
                <td colspan="2"><input type="text" name="youxiang"></td>
                
            </tr>
            <tr>
                <td align="right">手机号码:</td>
                <td colspan="2"><input type="text" name="手机号码"></td>
                
            </tr>
            <tr>
                <td align="right">邮政编码:</td>
                <td colspan="2"><input type="text" name="邮政编码"></td>
                
            </tr>
<!--公司名称和主管业务-->
            <tr>
                <th>3.公司名称和主管业务</th>
            </tr>
            <tr>
                <td align="right">贵公司名称:</td>
                <td><input type="text" name="贵公司名称"></td>
                <td><font color="0033ff">请填写在工商 </font></td>
            </tr>
            <tr>
                <td align="right">你的职位:</td>
                <td><input type="text" name="你的职位"></td>
                <td></td>
            </tr>
            <tr>
                <td align="right">主营行业:</td>
                <td><select name="hangye" >
                        <option value="dz">电子电工</option>
                        <option value="dz">电子电工</option>
                        <option value="dz">电子电工</option>
                        <option value="dz">电子电工</option>
                    </select><font color=‘red‘>*
                </font></td>
                <td><font color="0033ff">请正确填写 </font></td>
            </tr>
            <tr>
                <td align="right">主营产品/服务:</td>
                <td><textarea  rows="1"   name="chanpin"></textarea><font color=‘red‘>*</font></td>
                <td><font color="0033ff">三个主要产品</font></td>
            </tr>
            <tr>
                <td align="right">公司网址:</td>
                <td><input type="text" placeholder=‘http://‘ name="youxiang"></td>
                <td></td>
            </tr>
            
            <tr>
                <td align="center" colspan="2" ><input type="submit" name="tijiao" value="确认提交" ></td>
                <td></td>
            </tr>
        </table>
    </form>
</body>
</html>

技术分享

 

表格表单