美文网首页Web前端之路
input中type所包含的属性,以及起作用

input中type所包含的属性,以及起作用

作者: 誩先生 | 来源:发表于2019-10-29 15:03 被阅读0次

    input中的type属性中所包含的属性值及其用法:

    text:普通文本域输入框

    password:密码输入框(输入时是*显示)

    hidden:隐藏域(不能显示出来,同时也不占位)

    radio:单选框(选择框是圆形)

    checkbox:多选框(选择框是方形)

    file:文件上传

    reset:重置按钮

    button:普通按钮

    submit:提交按钮

    imge:提交按钮(同时是用图片作为背景点击)

    注意:在IE9以下,以下新增的属性是不兼容的,会将其变成普通文本域

    search:搜索域(和text文本输入框差不多,但是多了一个删除的X)

    url:网址输入域(在提交时会进行检验,在移动端会弹出网址键盘)

    tel:电话号码输入框(和普通输入框一样,多个语义化)

    email:邮箱地址输入(会进行检测,是否含有@符号)

    number:数值输入域(可以使用max,min,step数字间距,value默认)

    range:滑动类型,用来控制一定数值的输入框(与上一致)

    color:颜色选择框(会弹出色板供选择)

    时间这类的属性:

    date日期 month月份 time时间 datetime日期加时间 datetime- local日期加时间(在使用时凭自己需要使用)

    相关文章

      网友评论

        本文标题:input中type所包含的属性,以及起作用

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