Form label (day 4)

<body>
    <!--  <from action="url地址" method="提交方式" name="表单名称">  </from>  -->
    同样可以使用align来调整显示方式：left、center、right
    <form action="xxx.php" method="GET" name="表单1" align="center" >
        <!-- text:文本框，可输入任何字符 -->
        用户名<input type="text" /> <br />

        <!-- password:密码框，输入的密码字符用*显示出来 -->
        密&nbsp;&nbsp;&nbsp;&nbsp;码<input type="password" /> <br />

        <!-- radio:单选按钮，暂时无多选一效果 -->
        性别：男 <input type="radio" /> 女 <input type="radio" /> <br />

        <!-- name:表单元素的名称   
            1、供程序员自己查看   
            2、可以实现radio的多次选择，当radio中的多个元素有相同的名称时，可以多选一的效果
        -->
        性别：男 <input type="radio" name="sex" /> 女 <input type="radio" name="sex" /> <br />

        <!-- checkbox:多选框按钮，选择后可取消 -->
        爱好：吃饭 <input type="checkbox" /> 睡觉 <input type="checkbox" /> 打豆豆 <input type="checkbox" /> <br />

        <!-- value:提前默认的表单元素的值 -->
        年龄: <input type="text" value="请输入年龄" /> <br />

        <!-- checked:默认选择按钮=====单选按钮和多选框的属性，radio只可以设置一个，checkbox可以设置多个-->
        <!-- radio -->
        地址：   北京<input type="radio" name="hometown" checked="checked" /> 
                上海<input type="radio" name="hometown" checked="checked" />  
                广州<input type="radio" name="hometown" />   <br />
        <!-- checkbox -->
        地址：   北京<input type="checkbox" name="hometown" checked/>
                 <!--不加后面的属性值也可以起到相同的效果-->
                上海<input type="checkbox" name="hometown" checked="checked" />  
                广州<input type="checkbox" name="hometown" />   <br />

        <!-- maxlength:最大输入字符数=====文本框和密码框的属性 -->
        <!-- text -->
        用户名2<input type="text" maxlength="6" /> <br />
        <!-- password -->
        密码2<input type="password" maxlength="8" /> <br />

        <!-- submit:提交按钮,提交后会把表单域 form 里的 表单元素值 提交给后台服务器 -->
        <!-- 默认：提交 -->
        提交 <input type="submit" /> <br />
        <!-- 修改默认值：value -->
        提交 <input type="submit" value="免费注册" /> <br />

        <!-- reset:重置按钮,点击后会重置选项 -->
        <input type="reset" /> <br />
        <input type="reset" value="重新设置" /> <br />

        <!-- button：点击按钮，点击后进行某项操作，如“获取验证码按钮” -->
        <input type="button" /> 
        <input type="button" value="获取验证码" /> <br />

        <!-- file:文件域，文件上传按钮 -->
        上传头像<input type="file" /> <br />

        <!-- 不常用的type属性：image、hidden -->

        <!-- label:该标签用于绑定一个表单元素，当点击label内数据时，可以将光标转到对应的表单元素中 -->
        <!-- for属性与id属性对应 -->
        性别：
        <label for="nan">男</label><input type="radio" name="sexx" id="nan" /> 
        <label for="nv">女</label><input type="radio" name="sexx" id="nv" /> <br />

        <!-- select: 下拉标签 -->
        <!-- selected: 下拉标签的默认值属性 -->
        籍贯：<select ><!--最好至少两个选项-->
            <option >北京</option>
            <option >上海</option>
            <option selected="selected" >火星</option>
            <!--selected:默认选定-->
            <option >广州</option>
            <option >深圳</option>  
        </select> <br />

        <!--   textarea：文本域标签，可以输入较多文本的区域，如：留言板，评论、、、 -->
        <!--   rows="显示的行数" -->
        <!--   cols="每行可以输入几个字符" -->
        <!--   rows和cols在开发中不使用，一般通过CSS来完成大小调整 -->
        留言版
        <textarea rows="3" cols="100" >
            这是留言版，可以通过textarea标签完成此功能
        </textarea>
    </form>
</body>
Guess you like
