HTML学习之路06-表单标签

来源：互联网发布：华中科技大学软件下载编辑：程序博客网时间：2024/05/17 03:37
<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title>表单</title>    </head>    <body>        <!--             name属性：表单的名称            action：提交表单的路径            method：提交表单的方式                1，默认为：get                2，post：较安全，提交表单的参数在地址栏看不到         -->         <!--             input标签的type的属性值：                1，text:文本输入框                2，password：密码输入框                3,radio:单选按钮，name的值必须保持一致，而且要设置value值且不相同                4,checkbox:多选按钮，name的值必须保持一致                5，submit：提交按钮，该提交按钮默认提交当前所在的表单，其必须放在表单标签里面                6,reset:重置按钮                7，button：普通按钮                8,file:上传文件                9,hidden:隐藏信息         -->        <form name="userForm"  action=" " method="get">            用户名:                <input type="text" name="username" maxlength="5" size="20" />                                                <!--                                                     maxlength:最大输入长度                                                    size:文本框的长度                                                 -->            <br><br>            密&nbsp;码:                <input type="password" name="password" />            <br><br>                性&nbsp;别:                   <input type="radio" name = "sex" value="nan" checked="checked" />男                <input type="radio" name = "sex" value="nv" />女            <br><br>                兴&nbsp;趣:                   <input type="checkbox" name="interter" value="music">音乐                <input type="checkbox" name="interter" value="food">美食                  <input type="checkbox" name="interter" value="trval">旅游                <input type="checkbox" name="interter" value="sport">运动             <br><br>                学&nbsp;历:                   <select name="grade">                    <option>请选择</option>                    <option value="gz">高中</option>                    <option value="bk">本科</option>                    <option value="ss">硕士</option>                </select>            <br><br>                文&nbsp;件                <input type="file" name="file">            <br><br>                介&nbsp;绍:                   <textarea name="introude" rows="5" cols="50"></textarea>            <br><br>            <input type="hidden" name="id" value="1001">            银行账号：                <input type="text" name="cardID" value="124566" readonly="readonly">            <br><br>                银行账号：                <input type="text" name="cardID2" value="1235456" disabled="disabled">            <!--                 readonly:修饰的文本框只能读不能修改，其值会提交到服务器                    disable:修饰的文本框：不能被修改，其值不会提交到服务器            -->             <br><br>            <input type="submit" value="注 册" />             <input type="reset" value="重 置" />        </form>    </body></html>
效果图如下
这里写图片描述
阅读全文
0 0