表单补充

一、表单的作用:收集用户信息
    <form action="数据提交的路径" name="" method="数据提交方式"></form>
二、表单控件:
        <input type="text">  文本框
        <input type="password">  密码框
        <input type="submit">  提交按钮
        <input type="reset">  重置按钮
        <input type="button">  空按钮  
三、补充表单控件:
        1:单选按钮:
            <input type="radio">
            注:在单选按钮里面:每一组单选按钮  保持name属性值一致。
        2: 多选按钮(复选框)
            <input type="checkbox">
        3: 下拉菜单(下拉列表)
            <select>
                <option></option>
                <option></option>
                <option></option>
                ...
            </select>
        4: 多行文本域
            <textarea></textarea>
                cols 和 rows  以字符为单位
        注:阻止用户进行缩放  css属性  resize:none;
        5: 上传文件框
            <input type="file">
四、补充表单的html属性
        1:默认选中
            checked="checked"
        2: 表单控件的禁用
            disabled="disabled"
        3: 下拉列表里面的默认选中
            selected="selected"
五、表单里面的标签:
       1: fieldset(表单字段集)
            ①作用:给表单做分组
            ②特点:
                默认情况下自带边框
                可以进行互相嵌套
        l2:egend (字段集标题)
           ① 作用:是fieldset 一组里面的一个标题
           ②特点:一般情况下,放在fieldset第一个子元素位置。
           ③ <label for=""></label>
           ④说明:
                label里面放的是提示信息
                for属性:绑定对应控件的id名称

猜你喜欢

转载自www.cnblogs.com/yh-3175339026/p/12614997.html