zoukankan      html  css  js  c++  java
  • HTML HTML5 input标签类型

    前几天去面试的时候,面试官问了我一个关于input标签有多少类型?我当时懵了一下,input标签我平常用得最多的是text 、button、submit、password等,但具体有哪些还真没仔细总结,今天在此总结下。

    一:在HTML中<input>标签类型有以下几种:

    1.文本类

    text:定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。

    password:定义密码字段。该字段中的字符被掩码。

    2.功能类

    button:定义可点击按钮

    image:定义图像形式的提交按钮。

    submit:定义可提交按钮,把表单数据传给服务器

    reset:定义重置按钮。重置按钮会清除表单中的所有数据。

    3.操作类

    CheckBox:定义复选框

    radio:定义单选框

    file:定义输入字段和 "浏览"按钮,供文件上传。

    4.特殊类:

    hidden:定义隐藏的输入字段。

    二:HTML5中<input>标签类型

    虽说HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证,但东西虽好,但有些浏览器还不能支持,具体我就不详细说了,大家可以去www.w3school.com.cn进行查阅。

    1.文本类

    email:定义email地址,提交表单时能自动校验email值是否符合规范

    Url:定义Url地址,提交表单时能自动验证Url的值

    2.操作类:

    number:定义数值字段

    range:定义一定范围内数字值的输入域

    3.Date类

    date:选取日月年

    month:选取年月

    week:选取年周

    time:选取时间(小时与分钟)

    datetime:选取年月日时分秒(UTC时间)

    datetime-local:选取本地年月日时分秒

  • 相关阅读:
    Ubuntu 14.04 FTP服务器--vsftpd的安装和配置
    Python IDE专用编辑器PyCharm下载及配置安装过程(Ubuntu环境)
    Ubuntu Server14.04 32位安装odoo8.0简单方法
    js打印出对象的方法
    odoo中pos模块由于删除partner导致发生(你试图访问的单据已经删除)错误的解决方法
    django的安装和搭建
    mongodb入门
    js数组的操作
    mongodb的优缺点
    Spring动态切换多数据源解决方案
  • 原文地址:https://www.cnblogs.com/smile-xin/p/11351980.html
Copyright © 2011-2022 走看看