美文网首页工作生活HTML笔记
表单(例婚恋网站)及控件

表单(例婚恋网站)及控件

作者: 元气静静的日常 | 来源:发表于2019-07-02 18:50 被阅读0次

    作用:用来收集用户信息的。

    表单框(表单域)

    <form name ="表单名称" method="post/ get " action="index. jsp">

    </form>


    1.文本框

    <input type="text" name="  " value="默认值"/>

    扩展:maxlength规定输入字段中的字符的最大长度

    size属性定义的是可见的字符数

    2.密码框

    <input type="password" name="  " placeholder="密码"/>

    3.按钮

    (1).提交按钮

    <>input type="submit" name=" " value="按钮内容"/>

    (2).重置按钮

    <input type="reset" name=" " value="按钮内容"/>

    (3).跳转按钮

    <input type="button" name=" " value=" "/>

    注button和sumbit的区别:

    submit是提交按钮起到提交信息的作用,button只起到跳转作用不进行提交.

    4.单选框/单选按钮

    <input type="radio" name="ral" value=" "/>

    扩展:disabled="disabled"禁用;checked="checked"默认选中;

    5.复选框

    <input type="checkbox" name="like" value=" "/>

    扩展:disabled="disabled"禁用;checked="checked"默认选中;

    6.下拉菜单

    <select name="">

            <option value="">内容</option>

            <option value="">内容</option>

            .....

    </select>

    注:<select size="数值"></select>(有size的是列表,size是设置菜单可以显示的个数,多余的可以有滚动条)

    扩展:selected:显示默认选中项

    9.多行文本框(文本域)

    <textarea name="textarea" cols="字符宽度" rows="行数"></textarea>

    相关文章

      网友评论

        本文标题:表单(例婚恋网站)及控件

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