<!DOCTYPE html>

 <html>

 <head>

     <meta charset="utf-8">

     <title></title>

 </head>

 <body>

     <form ><!--action="http://wwww.sogou.com" target="_blank"-->

         用户名<input type="text" autocomplete="off" name="name" placeholder="请输入用户名" maxlength="5"><!--aotufocus自动获得焦点。autocomplete为浏览器记忆功能，默认为on-->

         密码<input  type="password"  tabindex="1" name="password" name="默认密码"><!--tabindex为按tab键时获取焦点指定顺序，作用不大。-->

         <input type="radio" checked="" name="radio">

         <input type="submit" value="确定">

         <input type="reset" value="重搞">

         <input type="button" value="这是普通按钮">

         <input type="image" src="img/花1.jpg" width="50px" height="25px">

         <input type="hidden" value="隐藏的内容" name="hidden">

         <input type="text" readonly="readonly" value="只读" name="只读">

         <input type="text" disabled="disabled" value="中国北京" name="禁用"><br>

         邮箱<input type="email" name="邮箱"><!--required="required"或required=""或requried-->

         网址<input type="url" name="">

         电话<input type="tel" accesskey="c" name=""><!--不会对内容进行验证，但有作用：在手机上光标定位后会自动切换到数字输入键盘-->

         <!--accesskey="c"按alt+c会快速定位到此元素-->

         数字范围及步长<input type="number" max="9" min="3" step="3" value="6">

         <input type="range" min="5" max="20" step="5" value="10" name="range">

         time<input type="time" name="time">

         week<input type="week" name="week"><br>

         month<input type="month" name="month">

         date<input type="date" name="date">

         datetime<input type="datetime" name="datetime">

         datetime-local<input type="datetime-local" name="datetime-local">

         color<input type="color" value="#FF0000" name="color">

         search<input type="search" placeholder="请输入关键字" name="search"><br>

         file<input type="file" accept="image/jpg" multiple name="file"><!--multiple="multiple"或multiple=""或multiple-->

         复选框<input type="checkbox" checked name="checkbox"><input type="checkbox" checked="" name="checkbox"><input type="checkbox" checked="checked" name="checkbox">

         单选按钮<input type="radio" tabindex="3" name="radio"><input type="radio" tabindex="2" checked="" name="r"><!--radio的name如果不同则不属于一组，不会有单选效果。-->

     </form>

 </body>

 </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. 2017EIS CTFwriteup

    EIS2017也就是2017年高校网络信息安全管理 运维挑战赛,全国一百多所高校参赛,侥幸拿了个地区三等奖,事先不知道理论赛占分比,不然就会是二等奖(吐槽),生活没有如果,下次努力吧. 比赛已经结束大 ...

  2. Java 读取 .properties 配置文件的几种方式

    Java 开发中,需要将一些易变的配置参数放置再 XML 配置文件或者 properties 配置文件中.然而 XML 配置文件需要通过 DOM 或 SAX 方式解析,而读取 properties 配 ...

  3. [OIDC in Action] 1. 基于OIDC（OpenID Connect）的SSO

    在[认证授权]系列博客中,分别对OAuth2和OIDC在理论概念方面进行了解释说明,其间虽然我有写过一个完整的示例(https://github.com/linianhui/oidc.example) ...

  4. less简述

       什么是less? 一种 动态 样式 语言. LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算, 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, ...

  5. Android APK反编译 apktool使用教程

    2017年棋牌游戏突然就火了,正所谓春江水暖鸭先知本猿处在软件行业中就能清晰的感受到市场的变化,最近老家那边也是玩的风生水起,于是最近闲暇时光想到反编译下这些棋牌软件,看看代码实现的思路 (注:反编译 ...

  6. 简单背包问题(0032)-swust oj

    简单背包问题(0032) Time limit(ms): 1000 Memory limit(kb): 65535 Submission: 5657 Accepted: 1714 Accepted 搜 ...

  7. 算法帖——用舞蹈链算法（Dancing Links）求解俄罗斯方块覆盖问题

    问题的提出:如下图,用13块俄罗斯方块覆盖8*8的正方形.如何用计算机求解? 解决这类问题的方法不一而足,然而核心思想都是穷举法,不同的方法仅仅是对穷举法进行了优化 用13块不同形状的俄罗斯方块(每个 ...

  8. linux磁盘管理系列-LVM的使用

    LVM是什么 LVM是Linux操作系统的逻辑卷管理器. 现在有两个Linux版本的LVM,分别是 LVM1,LVM2.LVM1是一种已经被认为稳定了几年的成熟产品,LVM2 是最新最好的LVM版本. ...

  9. eclipse 常用插件 整理

    开发过程中的常用Eclipse插件,按字母排序: (1)    AmaterasUML        介绍:Eclipse的UML插件,支持UML活动图,class图,sequence图,usecas ...

  10. svn 如果遇到an unversioned directory of the same name already exists的解决办法

    svn 如果遇到an unversioned directory of the same name already exists的解决办法 一般这种情况是因为,在一个已经存在的文件夹里做SVN che ...