1.  <!DOCTYPE html>
  2.  <html>
  3.  <head>
  4.      <meta charset="utf-8">
  5.      <title></title>
  6.  </head>
  7.  <body>
  8.      <form ><!--action="http://wwww.sogou.com" target="_blank"-->
  9.          用户名<input type="text" autocomplete="off" name="name" placeholder="请输入用户名" maxlength="5"><!--aotufocus自动获得焦点。autocomplete为浏览器记忆功能，默认为on-->
  10.          密码<input  type="password"  tabindex="1" name="password" name="默认密码"><!--tabindex为按tab键时获取焦点指定顺序，作用不大。-->
  11.          <input type="radio" checked="" name="radio">
  12.          <input type="submit" value="确定">
  13.          <input type="reset" value="重搞">
  14.          <input type="button" value="这是普通按钮">
  15.          <input type="image" src="img/花1.jpg" width="50px" height="25px">
  16.          <input type="hidden" value="隐藏的内容" name="hidden">
  17.          <input type="text" readonly="readonly" value="只读" name="只读">
  18.          <input type="text" disabled="disabled" value="中国北京" name="禁用"><br>
  19.          邮箱<input type="email" name="邮箱"><!--required="required"或required=""或requried-->
  20.          网址<input type="url" name="">
  21.          电话<input type="tel" accesskey="c" name=""><!--不会对内容进行验证，但有作用：在手机上光标定位后会自动切换到数字输入键盘-->
  22.          <!--accesskey="c"按alt+c会快速定位到此元素-->
  23.          数字范围及步长<input type="number" max="9" min="3" step="3" value="6">
  24.          <input type="range" min="5" max="20" step="5" value="10" name="range">
  25.          time<input type="time" name="time">
  26.          week<input type="week" name="week"><br>
  27.          month<input type="month" name="month">
  28.          date<input type="date" name="date">
  29.          datetime<input type="datetime" name="datetime">
  30.          datetime-local<input type="datetime-local" name="datetime-local">
  31.          color<input type="color" value="#FF0000" name="color">
  32.          search<input type="search" placeholder="请输入关键字" name="search"><br>
  33.          file<input type="file" accept="image/jpg" multiple name="file"><!--multiple="multiple"或multiple=""或multiple-->
  34.          复选框<input type="checkbox" checked name="checkbox"><input type="checkbox" checked="" name="checkbox"><input type="checkbox" checked="checked" name="checkbox">
  35.          单选按钮<input type="radio" tabindex="3" name="radio"><input type="radio" tabindex="2" checked="" name="r"><!--radio的name如果不同则不属于一组，不会有单选效果。-->
  36.      </form>
  37.  </body>
  38.  </html>

【HTML5】input元素type属性值的更多相关文章

  1. html5 input的type属性启动数字输入法

    html5 input的type属性启动数字输入法   当文本框只能输入数字是一个很常见的需求,比如电话号码,身份证号,卡号, 数量....等等只允许数字输入,为了更好的用户体验性,直接写出 启动数字 ...

  2. HTML5 input元素新的特性

    在HTML5中,<input>元素增加了许多新的属性.方法及控件.本文章分别对这三方面进行介绍. 目录 1. 属性 2. 方法 3. 新控件 1. 属性 <input>元素在H ...

  3. [Liferay6.2.2]AUI的小坑：input的type属性

    <aui:input name="name" label="姓名" value="<%=student.getName() %>&q ...

  4. js修改input的type属性问题

    js修改input的type属性有些限制.当input元素还未插入文档流之前,是可以修改它的值的,在ie和ff下都没问题.但如果input已经存在于页面,其type属性在ie下就成了只读属性了,不可以 ...

  5. JQ无法修改input的type属性的替代解决方法

    需要实现的效果:一个输入框,当输入框未获得焦点的时候,显示为 “请输入密码”:当输入内容并失去焦点的时候,输入内容显示为”*****”,如果没有输入仍然显示“请输入密码”: 方法一:使用text,隐藏 ...

  6. input的type属性

    input的type属性:http://www.w3school.com.cn/tags/att_input_type.asp 基本语法: <input type="hidden&qu ...

  7. JavaScript如何获得input元素value的值

    在JavaScript中获取input元素value的值: 方法一: <!DOCTYPE html> <html> <head> <meta charset= ...

  8. 移除HTML5 input在type="number"时的上下小箭头

    /*移除HTML5 input在type="number"时的上下小箭头*/ input::-webkit-outer-spin-button, input::-webkit-in ...

  9. tween.js是一款可生成平滑动画效果的js动画库。tween.js允许你以平滑的方式修改元素的属性值。它可以通过设置生成各种类似CSS3的动画效果。

    简要教程 tween.js是一款可生成平滑动画效果的js动画库.相关的动画库插件还有:snabbt.js 强大的jQuery动画库插件和Tweene-超级强大的jQuery动画代理插件. tween. ...

随机推荐

  1. vue2.0 带头冲锋（先穿鞋）

    事先说明:这次截图纯手工敲打,可不容易了.刚学会站直,不穿鞋,不得直接摔个狗食屎.(皮糙肉厚也顶不住啊). 废话不多了 !开始学基础.学过anguler1.0 ,会比较容易学vue. 溶解使用的是 v ...

  2. Nodejs学习笔记（十六）--- Pomelo介绍&入门

    目录 前言&介绍 安装Pomelo 创建项目并启动 创建项目 项目结构说明 启动 测试连接 聊天服务器 新建gate和chat服务器 配置master.json 配置servers.json ...

  3. Spark SQL中的几种join

    1.小表对大表(broadcast join) 将小表的数据分发到每个节点上,供大表使用.executor存储小表的全部数据,一定程度上牺牲了空间,换取shuffle操作大量的耗时,这在SparkSQ ...

  4. AutoMapper在asp.netcore中的使用

    # AutoMapper在asp.netcore中的使用  automapper 是.net 项目中针对模型之间转换映射的一个很好用的工具,不仅提高了开发的效率还使代码更加简洁,当然也是开源的,htt ...

  5. robotframework自动化系统：操作mysql数据库

    随着项目自动化深入和不断完善,大部分功能都已经能完成了自动化的操作:但是在设备添加的时候,遇到了难题.添加设备的时候mac必须是服务器设备管理中已经存在的mac地址,且是没有关联或绑定用户的设备信息. ...

  6. redis 梳理笔记(二)

    一.redis 分布式 redis+keepalived (虚ip漂移) redis 100秒平均写入并发  3.6w (写入与keepalived监控程序无关) .redis 数据库内存已占有80% ...

  7. 认识 var、let、const

    我们通过声明.初始化.值的可变性.作用域.变量提升以及在工作中如何使用等多个方面来详细了解var.let.const等关键字功能与特点. 声明 var,let:可以先声明,后赋值(初始化),默认值是 ...

  8. websocket介绍

    websocket应用 手动实现的websocket 你所见过的websocket 你一定见过在网站中,有一个游客聊天的聊天框,比如人人影视.这个聊天框是如何实现即时通讯的呢,就是用到了websock ...

  9. 封装及propery的使用

    封装 封装的目的 使类中的属性或者方法只允许在类内部使用,不允许外部对其访问,保证数据的安全性. 封装的方法 使属性或者函数名改写成:"__属性名或者函数名"的格式,即完成了对本类 ...

  10. 大数据学习系列之六 ----- Hadoop+Spark环境搭建

    引言 在上一篇中 大数据学习系列之五 ----- Hive整合HBase图文详解 : http://www.panchengming.com/2017/12/18/pancm62/ 中使用Hive整合 ...