input 的type类型值
input有很多属性,我们先来说一下最原始的,也就是HTML5之前的
1)text: 定义单行的输入字段,可扎起其中输入文本
2)password:定义密码字段,会显示自符掩码
3)file: 定义输入字段和“浏览”安按钮,供文件上传
4)radio: 定义单选按钮
5)checkbox:定义复选框
6)hidden: 定义隐藏的输入字段
7)button: 定义可点击按钮(多数情况下用于通过JavaScript脚本)
8)image: 定义图像形式的提交按钮
9)reset: 定义重置按钮,清除表单所有内容
10)submit: 定义提交按钮,按钮会把表单数据发送到服务器
下面是H5新加的:
1)color: 定义调色板
2)tel: 定义包含电话号码的输入域(只验证是否是11位数字,不验证是否为真的手机号,只在触屏网页中有效,点击输入框会弹出数字键)
3)email: 定义包含email的输入域,在手机上会调入英文键盘
4)url: 定义包含url的输入域(验证不标准,https、缺少//、www等都可验证通过)
5)search: 定义搜索域
6)number:定义包含数值的输入域,在手机上会调入数字键盘
7)range: 定义包含一定范围内数字值得输入域,
例:
<input type="range" min="0" max="10" step="0.5" value="6" />
max:规定允许最大值,min:规定允许最小值,step:规定合法的数字间隔,value:规定默认值
8)date: 定义选取日、月、年的输入域
9)month: 定义选取月、年的输入域
10)week: 定义选取周、年的输入域(不带时区)
11)time: 定义选取上下午、时、分的输入域(不带时区)
12)datetime:定义选取时间、日、月、年的输入域(UTC时间 即世界协调时间)
13)datetime-local:定义选取时间、日、月、年的输入域(本地时间)
14)autofoucs:制定控件自动获得焦点(一个index文件只允许有一个控件有改属性)
例:
<input type="text" autofoucs/>
好啦,到这里就有所有的input属性啦
input 的type类型值的更多相关文章
- js修改input的type属性问题(兼容所有浏览器,主要用于密码类的默认有提示文字的效果)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/stri ...
- input【type="checkbox"】标签与字体对齐
今天分享一个比较实用的技巧,在实际项目中我们会经常遇到表单的input标签多选和单选的问题,但是往往由于标签自身的样式和我们项目的风格很不搭调,就不能实现了,今天就来告诉大家怎么去实现吧. 第一种:利 ...
- html5中input的type类型有哪些(总结)
html5中input的type类型有哪些(总结) 一.总结 一句话总结:时间.颜色.(邮件.电话.url).(数字.数字范围).搜索search 二.html5中input的type类型 值 描述 ...
- brdd 惰性执行 mapreduce 提取指定类型值 WebUi 作业信息 全局临时视图 pyspark scala spark 安装
[rdd 惰性执行] 为了提高计算效率 spark 采用了哪些机制 1-rdd 基于分布式内存数据集进行运算 2-lazy evaluation :惰性执行,即rdd的变换操作并不是在运行该代码时立 ...
- 移除HTML5 input在type="number"时的上下小箭头
/*移除HTML5 input在type="number"时的上下小箭头*/ input::-webkit-outer-spin-button, input::-webkit-in ...
- [Liferay6.2.2]AUI的小坑:input的type属性
<aui:input name="name" label="姓名" value="<%=student.getName() %>&q ...
- 反射,System.Type类
http://m.blog.csdn.net/blog/woddle/40623333 两个现实中的例子:1.B超:大家体检的时候大概都做过B超吧,B超可以透过肚皮探测到你内脏的生理情况.这是如何做到 ...
- 修改input的type属性
在ff和chrome中是可以直接修改input的type属性的,但是在ie下面是不允许的. 用jquery 的attr方法去修改,在jquery1.8.3版本会直接抛出异常,但在1.9及以上版本就不再 ...
- input的type属性的修改
记录一下成长的历程吧! 刚开始写,没什么文笔,也没什么技术含量,可能主要的是纪录一下平常工作学习中遇到的问题,以及解决的办法吧.或者只有问题,没有解决办法. 前两天项目中遇到的一个问题,由于之前一直没 ...
随机推荐
- python+selenium控制浏览器窗口(刷新、前进、后退、退出浏览器)
调用说明: driver.属性值 变量说明: 1.driver.current_url:用于获得当前页面的URL 2.driver.title:用于获取当前页面的标题 3.driver.page_so ...
- Springboot2.x集成单节点Redis
Springboot2.x集成单节点Redis 说明 在Springboot 1.x版本中,默认使用Jedis客户端来操作Redis,而在Springboot 2.x 版本中,默认使用Lettuce客 ...
- Eclipse使用jdbc连接MySql数据库报:java.sql.SQLException: Access denied for user 'root'@'localhost' (using password: YES)
在使用eclipse连接mysql数据库时报异常: java.sql.SQLException: Access denied for user 'root'@'localhost' (using pa ...
- iview报错[Vue warn]: Error in render: "TypeError: ctx.injections.tableRoot.$scopedSlots[ctx.props.column.slot] is not a function"
原因是我使用了iview的<Table>组件,我给Table组件的columns中定义了4个含有slot的列,但是实际在<Table>中只使用了其中3个,导致的报错. 也就是说 ...
- 使用extract-text-webpack-plugin插件后报错
如果你使用的webpack是4+版本,那么尝试运行npm install extract-text-webpack-plugin@next ,即可解决问题 然而最好的解决办法是在webpack4+的版 ...
- uboot第二阶段分析1
一. uboot第二阶段初识 1.1. uboot第二阶段应该做什么 a. 概括来讲uboot第一阶段主要就是初始化了SoC内部的一些部件(譬如看门狗.时钟),然后初始化DDR并且完成重定位. b. ...
- Linux下查看日志用到的常用命令
杀僵尸进程 部分程序员,肯定喜欢下面命令: ps -ef | grep java (先查java进程ID) kill -9 PID(生产环境谨慎使用) kill.killall.pkill命令的区别 ...
- 2、Java调用C语言(JNative法)
这个方法也是挺麻烦的…… 一.下载JNative.jar,把它放在你jdk下的\jre\lib\ext目录下 二.在 F:\MinGW\JNative 新建 Test.java: public cla ...
- KFK2060穿越者
- NLP 中任务及相关概念
命名实体识别 命名实体识别(Named Entity Recognition,简称NER),又称作"专名识别",是指识别文本中具有特定意义的实体,主要包括人名.地名.机构名.专有名 ...