1.button:定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)。

<input id="" type="button" name="" value="按钮" /><br />

2.checkbox:定义复选框。

<input id="" type="checkbox" name="" />男<br />
<input id="" type="checkbox" name="" checked="checked" />女<br />

3.cancel:取消按钮,用于取消submit的提交。

<input id="" type="cancel" name="" />

4.color:定义拾色器。

<input id="" type="color" name="" />

5.date:定义 date 控件(包括年、月、日,不包括时间)。

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

6.datetime:定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,基于 UTC 时区)。</p>

<form action="">
生日 (日期和时间):<input id="" type="datetime" name="" />
<input id="" type="submit" name="" value="提交" />
</form>

7.datetime-local:定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,不带时区)。

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

8.month:定义 month 和 year 控件(不带时区)。

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

9.week:定义 week 和 year 控件(不带时区)。

<input id="" type="week" name="" />

10.time:定义用于输入时间的控件(不带时区)。

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

11.email:定义用于 e-mail 地址的字段。</p>

E-mail:<input id="" type="email" name="" />

12.file:定义文件选择字段和 "浏览..." 按钮,供文件上传。

<input id="" type="file" name="" />

13.hidden:定义隐藏输入字段。

<input id="" type="hidden" name="" />

14.image:定义图像作为提交按钮。

<input id="" type="image" name="" />

15.number:定义用于输入数字的字段。

<input id="" type="number" name="" />

16.password:定义密码字段(字段中的字符会被遮蔽)。

<input id="" type="password" name="" />

17.radio:定义单选按钮。<br />

<input id="" type="radio" name="" />男<br />
<input id="" type="radio" name="" checked="checked" />女<br />

18.range:定义用于精确值不重要的输入数字的控件(比如 slider 控件)。

<input id="" type="range" name="" /> 

19.reset:定义重置按钮(重置所有的表单值为默认值)。

<input id="" type="reset" name="" />

20.search:定义用于输入搜索字符串的文本字段。

<input id="" type="search" name="" />

21.submit:定义提交按钮。

<input id="" type="submit" name="" value="提交" />

22.tel:定义用于输入电话号码的字段。

输入电话:<input id="" type="tel" name="" />

23.text:默认。定义一个单行的文本字段(默认宽度为 20 个字符)。

<input id="" type="text" name="" />

24.url:定义用于输入 URL 的字段。

添加你的主页网址:<input id="" type="url" name="" />

转载:http://www.cnblogs.com/dadayang/p/5749068.html

Input:type属性的更多相关文章

  1. <input> type 属性

    单行文本域 语法格式:<input  type = “text” 属性 = “值” /> 常用属性 1  name:文本框的名字.命名规则是:可以包含字母.数字.下划线,只能以字母开头. ...

  2. input type属性为number时,去掉右边的上下箭头

    加上样式: input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; ...

  3. HTML中强大的input标签属性

    用了许久的html,<input>这个标签是最常用的标签之一. <input type="">标签中type属性是必不可少的,以往我最常用的有 type=& ...

  4. HTML5新增input标签属性

    一. input type属性 <form action=""> 邮箱<input type="email" name="" ...

  5. [Liferay6.2.2]AUI的小坑:input的type属性

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

  6. 修改input的type属性

    在ff和chrome中是可以直接修改input的type属性的,但是在ie下面是不允许的. 用jquery 的attr方法去修改,在jquery1.8.3版本会直接抛出异常,但在1.9及以上版本就不再 ...

  7. input的type属性的修改

    记录一下成长的历程吧! 刚开始写,没什么文笔,也没什么技术含量,可能主要的是纪录一下平常工作学习中遇到的问题,以及解决的办法吧.或者只有问题,没有解决办法. 前两天项目中遇到的一个问题,由于之前一直没 ...

  8. HTML <input> 标签的 type 属性

    HTML <input> 标签的 type 属性 HTML <input> 标签 实例 下面的表单拥有两个输入字段以及一个提交按钮: <form action=" ...

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

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

  10. html5与js关于input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的value点击全选状态onclick="select();"。做购物车页面时会要用到。

    关于input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的点击全选状态onclick="s ...

随机推荐

  1. c++ 在类函数后加const的意义

    我们定义的类的成员函数中,常常有一些成员函数不改变类的数据成员,也就是说,这些函数是"只读"函数,而有一些函数要修改类数据成员的值.如果把不改变数据成员的函数都加上const关键字 ...

  2. Java——Eclipse使用

    从这开始使用IDE啦~ ①File → New → Java Project →填写工程名字,选择jdk版本,其他默认,单击finish. ②在Src(源文件)上鼠标右键 → new → packag ...

  3. PyQt5显示日期选择框,获取日期保存文件

    一.UI显示选择日期,保存到文件 import sys,os from PyQt5 import QtCore from PyQt5.QtGui import * from PyQt5.QtWidge ...

  4. NX二次开发-直线分析函数UF_EVAL_ask_line与NXOpen::Line直线分析的用法

    NX11+VS2013 #include <NXOpen/Line.hxx> #include <NXOpen/NXException.hxx> #include <NX ...

  5. [JZOJ 5818] 做运动

    题意:带温度最短路. 思路: 我们将温度从小到大的将边加入,用并查集维护连通性. 如果一旦联通那么跑一遍\(spfa\)就可以得到答案. 复杂度\(O(m log m)\) #include < ...

  6. Centos6.5安装mysql5.7.19

    一.安装前准备 安装采用二进制包方式,软件包5.7.19版本下载地址:https://dev.mysql.com/downloads/mysql/ 选择MYSQL Community Server版本 ...

  7. Zookeeper怎么实现分布式锁?

    对访问资源 R1 的过程加锁,在操作 O1 结束对资源 R1 访问前,其他操作不允许访问资源 R1.以上算是对独占锁的简单定义了,那么这段定义在 Zookeeper 的"类 Unix/Lin ...

  8. 【ARC072E】Alice in linear land

    题目 瑟瑟发抖,这竟然只是个蓝题 题意大概就是初始在\(0\),要到坐标为\(D\)的地方去,有\(n\)条指令,第\(i\)条为\(d_i\).当收到一条指令\(x\)后,如果向\(D\)方向走\( ...

  9. 分道扬镳 /// 邻接表 DFS 剪枝 oj1332

    题目大意: 编号为1…N 的N个城市之间以单向路连接,每一条道路有两个参数:路的长度和通过这条路需付的费用. Bob和Alice生活在城市1,但是当Bob发现了Alice玩扑克时欺骗他之后,他决定与她 ...

  10. MapReduce1.0的缺陷