二网站注册页面案例及其知识点

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <!--
            表单标签：
                    action：提交的地址
                    method：
                           get: 默认提交方式,会将参数显示在链接后面，大小限制为4K
                           post: 链接后面不会显示数据，没有大小限制
            textarea:文本域  rows 宽 cols 高  
            select: 下拉列表   option选择项
            input :  
                   type:指定输入项的模型
                        text    : 文本
                        password：密码
                        radio   ：单选
                        checkbox：复选下拉框
                        file    ：文件
                        submit    ：提交按钮     value: 按钮的名称
                        reset    : 重置按钮
                        button    : 普通按钮
                        hidden    ：隐藏域
                        
                        date    ：日期类型
                        tel        : 手机号
                        number    : 只允许输入数字
                        placeholder：指定默认提示信息
                   name:提交表单的时候，当作参数的名称
                   id:   给输入项取一个名字，以便于后期我们去找到它,操作它
                   
        -->
        <!--文本输入框-->
        <form action="../网站首页案例/网站首页.html" method="get">    
        <!--隐藏域,主要用来存取一些ID信息-->
        <input type="hidden" value="as1234124aksjgfjahsgf" name="uid"/>
        用户名：  
        <input type="text" name="username" id="username" placeholder="请输入用户名"/><br/>
        密   码 ： 
        <input type="password" placeholder="请输入密码"/><br/>
        确认密码：
        <input type="password" placeholder="密码确认"/><br/>
        邮   箱  ：
        <input type="text"/>    <br/>
        手机号码: 
        <input type="number"/><br/>
        靓    照：
        <input type="file"/><br/>
        性    别：
        <input type="radio" />男<input type="radio" />女<input type="radio" />妖        <br/>
        爱     好 : 
　　　　          <input type="checkbox" />抽烟
                <input type="checkbox" />喝酒
                <input type="checkbox" />烫头
                <input type="checkbox" />撸代码
                <input type="checkbox" />大宝剑<br/>
        择偶要求：
       <textarea rows="4px" cols="40px"></textarea> <br/>
        籍    贯：   
                    <select >
                    <option>请选择----</option>
                    <option>湖南</option>
                    <option>湖北</option>
                    <option>广东</option>
                    <option>广西</option>
                    </select> 
                    </br>       
       出生日期：<input type="date"><br />       
       验证码：   <input type="text"></br>    
       提交： <input type="submit" value="提交"/><br/>
       普通按钮：<input type="button" value="普通按钮" /><br/>
       重置按钮：<input type="reset" value="重置按钮" />
        </form>    
    </body>
</html>
二 网站注册页面案例及其知识点

猜你喜欢

二网站注册页面案例及其知识点
