美文网首页
表单(from)

表单(from)

作者: 优秀的人A | 来源:发表于2018-11-26 21:44 被阅读18次
    <form action="模拟后台服务器">
        <!-- fieldset跟分组差不多-->
        <fieldset>
            <!-- legend组名-->
            <legend>用户信息</legend>
            用户名<input type="text" name="username" placeholder="用户名">
            <br>
            密码 <input type="password" name="pwd">
            <br>
            <!-- 性别-->
            <!-- checked=checked设置默认值-->
            性别 <input type="radio" name="male">男
            <input type="radio" name="female" checked="checked">女
        </fieldset>
    
        <br>
        爱好 <input type="checkbox" name="habby" value="blq">玻璃球
             <input type="checkbox" name="habby" value="lq">篮球
             <input type="checkbox" name="habby" value="tq" checked="checked">台球
        <br>
        你喜欢的明星
        <!-- multiple=multiple可多选-->
        <select name="start">
            <!-- optgroup分组-->
            <!-- lable指定组名-->
            <optgroup label="女明星">
                <option value="zly">赵丽颖</option>
            </optgroup>
            <optgroup label="男明星">
                <!-- selected=selected设置默认值-->
                <option value="fsf" selected="selected">冯绍峰</option>
            </optgroup>
        </select>
        <br>
        <!-- textarea多行文本域-->
        自我介绍 <textarea name="info"></textarea>
        <br>
        <br>
        <!-- 按钮-->
        <input type="submit" value="注册">
        <!-- 重置 恢复默认样式-->
        <input type="reset">
        <input type="button" value="按钮">
        <br>
        <br>
        <button>提交</button>
    </form>
    

    1.fieldset

    跟grounp分组差不多
    

    2.legend

    指定fieldset的组名 <fieldset>组名</fieldset>
    

    3.action

    连接后台服务器 <form action="模拟后台服务器">
    

    4.placeholder

    提示符 placeholder="用户名"
    

    5.radio

     只能选一个,比如性别type="radio"
    

    6.checked

    设置默认值 checked=checked
    

    7.multiple

    可多选 multiple=multiple
    

    8.select

    下拉列表 <select></select>
    

    9.optgroup

    分组 <optgroup></optgroup>
    

    10.label

    指定组名 在optgroup里面设置
    

    11.option

    在下拉列表中设置下拉列表项
    

    12.textarea

    多行文本域
    

    13.submit

    默认是提交按钮
    

    14.reset

    重置 恢复默认样式
    

    15.button

    一个单纯的按钮 用value设置值 比input标签更灵活

    相关文章

      网友评论

          本文标题:表单(from)

          本文链接:https://www.haomeiwen.com/subject/tdciqqtx.html