表单元素

  1. display: none和visibility: hidden
    display: none 完全消失,不保留位置
    visibility:hidden 保留位置
    visible 默认值

  2. form元素(块元素)
    form action="" 数据提交
    method:form 表单的提交方式
    method:get 提交不安全,暴露在地址栏上
    method:post 安全性高
    提交的信息程键值对的形式: 键(name 对应的名字) 值(用户输入的信息)

  3. **input元素 **(最重要的表单元素!!!)
    1> type=“text” 文本输入框
    A placeholder=“输入用户名” 占位提示符
    B value=“输入框内默认内容”

    2> type=“password” 密码输入框
    A maxlength=“输入内容的最大长度”
    B minlength=“输入内容的最小长度”

    3> type=“number” 数字信息输入框
    A max=“最大值”
    B min=“最小值”
    C step=“步长”

    4> type=“range”’ 数字输入之滑块
    A max=""

    5> type=“date” 日期信息输入

    6> type=“time” 时间输入框

    7> type=“month” 年月框

    8> type=“week” 星期框

    9> type=“datetime-local” 年月日 时间框

    10> type=“color” 颜色输入

    11> type=“file” 单文件选择

    12> type=“file” multiple 多文件选择

    13> type=“button” value=“按钮中显示的文字”
    type=“button” 按钮

    14> type=“submit” value=“按钮中能够显示的文字”
    type=“submit” 提交按钮,默认value是"提交"

    15> type=“radio” name=“表单元素名称” value="" checked
    type=“radio” 单选
    name="" 同名才能联动
    提交是格式: name=value值
    checked 选中状态

    16> type=“CheckBox” name=“表单元素名称” value=""
    type=“checkBok” 多选

  4. label元素(扩大按钮的选中区域)
    label和input绑定
    label for=“ID名”

  5. button元素(专职按钮元素)

  6. 下拉选项
    1>下拉列表
    select name="" ID=""
    option value=“0” selected(下拉列表的默认选中项)

    2> 下拉选项组
    select name="" ID=""
    optgroup label=“0”(组名)
    option value=“0”(组员)

    3> 文本输入区域
    textarea name="" ID="" cols=“文本输入区域默认的宽” rows=“文本输入区域默认的高”
    样式:resize: none

    4> 表单分组
    fieldset 块级标签
    legend 定义标题 op

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值