表单相关知识

1.表单:收集用户信息

        2.表单的组成部分:表单域【表单的区域】+表单控件【input】+提示信息【请输入姓名】

        3.应用:登录注册界面等等

        4.表单控件:单选框 只能选择一个,必须有那么属性,而且name属性值必须一致【同一组单选框】 type="radio"

        5.复选框  可以选择多个 type="checkbox"

        6.选择文件 type="file"

        7.下拉菜单 

        <select>

            <option></option>

            ...

        </select>

        8.文本域:<textarea></textarea>

        9.表单控件的属性

        cols用在文本域中 rows设置文本域显示的行数 multiple多文件上传 checked默认选中 disabled禁用

 新增的控件及其属性

       1. 邮箱 type="email"

       2. 数字: type="number" min最小值 max最大值 step 每次递增数目

       3. 颜色:type="color" 了解即可

        4.范围区域:type="range"

       5. 网址:type="url"

        6.搜索框:type="search" 可以做到局部清除

        7.date type="date" 选择年月日

        8.month type="month" 年月

        9.week type="week" 年周

        10.time type="time" 时间

        11.datetime-local type="datetime-local" 年月日+时间

       12. datetime 不常用

        属性

1. placeholder 提示信息  

2.required验证不能为空 

3.maxlength最大长度 

4.autofocus进入界面时自动获取焦点 

5.autocomplete与name属性连用,当属性值为on时显示之前输入过的内容

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值