HTML中强大的input标签属性
用了许久的html,<input>这个标签是最常用的标签之一。
<input type="">标签中type属性是必不可少的,以往我最常用的有 type="text"(单行文本输入) 类型、 type="button"(按钮类型)、 type="password"(密码输入框)等。却忽略了很多很实用却很少用到的属性,这里重新整理一下。
在HTML5中,规定的 input type 属性值如下:
1.button 定义可点击按钮
2.checkbox 复选框
<form action="demo-form.php">
<input type="checkbox" name="vehicle[]" value="Bike"> 我有一辆自行车<br>
<input type="checkbox" name="vehicle[]" value="Car"> 我有一辆小轿车<br>
<input type="checkbox" name="vehicle[]" value="Boat"> 我有一艘船<br>
<input type="submit" value="提交">
</form>
3.color 定义拾色器,定义后出现颜色调板,只支持谷歌和opera
4.date 定义 date 控件(包括年、月、日,不包括时间)。只支持谷歌、opera、safari
5.datetime 定义date和time空间,仅支持safari、opera
6.datetime-local 定义date和time空间。只支持谷歌、opera、safari
7.email 定义用于e-mail地址字段,提交时会验证。safari不支持
8.file 上传文件
9.hidden 定义隐藏字段
10.image 定义图像为提交按钮
<input type="image" src="img_submit.gif" alt="Submit">
11.month 定义month和year空间。只支持谷歌、opera、safari
12.number 定义数字输入的字段。只支持谷歌、opera、safari
数量 ( 1 到 5 之间): <input type="number" name="quantity" min="1" max="5">
13.password 定义密码字段
14.radio 单选项
<form>
<input type="radio" name="gender" value="女"> 女<br>
<input type="radio" name="gender" value="女"> 男<br>
</form>
15.range 定义用于精确值不重要的输入数字的控件(比如 slider 控件)。您也可以设置可接受数字的限制:
<input type="range" name="points" min="1" max="10">
16.reset 定义重置按钮,重置为初始值
17.search 定义搜索字段。只支持谷歌、opera
18.submit 定义提交按钮
19.tel 定义输入电话号码字段,注:目前主流浏览器都不支持
20.text 文本
21.time 定义输入时间 IE和火狐不支持
22.url 输入url字段,苹果浏览器不支持
23.week 定义week和year控件,IE和火狐不支持
HTML中强大的input标签属性的更多相关文章
- 关于获取input标签属性的获取以及更改,此处用到的是readonly属性
一开始,我使用的是Jquery框架中的$.("#input").readOnly,发现取出的值为undefined,不知道是不是jQuery中不支持获取标签属性的函数, 然后就使用 ...
- css3中强大的filter(滤镜)属性
CSS3中强大的filter(滤镜)属性 博主最近在做网站的过程中发现了一个非常强大的CSS3属性,就是filter(滤镜)属性,喜欢p图的朋友看名字都应该知道这是什么神器了吧.当然,这个属性的效果肯 ...
- [oldboy-django][2深入django]学生管理(Form)-- 编辑(设置input标签属性,设置input标签默认显示值,设置input的类型)
1 django 后台实现设置input标签属性,设置input标签默认显示值,设置input输入框类型 # Form生成html标签 a. 通过Form生成Input输入框,Form标签,以及sub ...
- HTML5新增input标签属性
一. input type属性 <form action=""> 邮箱<input type="email" name="" ...
- input标签属性
很多时候,我们都用到了很多标签实现输入功能,所以在这里梳理一下. 1.建立一个文本框 <input type="text" name="userName" ...
- HTML <input>标签属性
- html <input>标签类型属性type(file、text、radio、hidden等)详细介绍
html <input>标签类型属性type(file.text.radio.hidden等)详细介绍 转载请注明:文章转载自:[169IT-最新最全的IT资讯] html <inp ...
- Angular学习笔记 ——input 标签上的【name属性】和【ngModelOptions属性】
利用“@angular/forms" 创建<form>表单的时候,系统默认会创建一个”FormGroup"的对象. 使用带有“ngModel"的”<in ...
- Input标签使用整理
0 写在前面 对于程序而言I/O是一个程序的重要组成部分.程序的输入.输出接口,指定了程序与用户之间的交互方式.对于前端开发而言,input标签也有着其重要地位,它为用户向服务端提交数据提供了可能. ...
随机推荐
- 今天学的是 HTML基本元素、基本语法元素特点等,就发图片吧。
现在我们新手用的软件是:Adobe Dreamweaver CS6 按照下面格式来改,以后点HTML5直接就改过来了. 可以敲敲这些代码,大家一起学习. <!doctype html>&l ...
- VBA中方法传参
将变量做为参数传递给方法 Sub Test() Dim a As Integer a = Add a Debug.Print a '引用传递,a的值发生了变化,输出101 End Sub Functi ...
- sublime text 3插件
Package Control Messages Emmet emmet插件 Thank you for installing Emmet -- a toolkit that can greatly ...
- pandas应用之分组因子暴露和分位数分析
pandas应用之分组因子暴露和分位数分析 首先感谢原书作者Mes McKinney和batteryhp网友的博文, 俺在此基础上继续探索python的神奇功能. 用A股的实际数据, 以书里的代码为蓝 ...
- 转:如何实现一个malloc
如何实现一个malloc 转载后排版效果很差,看原文! 任何一个用过或学过C的人对malloc都不会陌生.大家都知道malloc可以分配一段连续的内存空间,并且在不再使用时可以通过free释放掉. ...
- SQLiteDatabase 基本操作
一.SQLiteOpenHelper类 android 提供类SQLiteOpenHelper帮助用户简化对SQLite数据库的操作.该类是一个抽象类,必须用户自己实现并重写oncreate()和on ...
- STM32 串口固件库中定义的几个中断标志位什么意思?
在stm32f10x_usart.h中以上几个宏,很没有规律,诈一看还真不知道为什么会这么定义,其实通过代码就很容易明白: D7~D5:代表中断标志位对应的中断使能位在 CR1.CR2还是CR3寄存器 ...
- 配置sublime text 3 的Python开发环境
为了在sublime实现像Python自带idle一样的F5交互功能: 首先安装package control然后install Sublime REPL:然后配置 Preference-->P ...
- excel读取
一.jar包 二.工具类 package excel; import java.io.FileInputStream; import java.io.FileNotFoundException; im ...
- linux的帮助信息获取以及man章节的划分
linux的帮助信息获取以及man章节的划分 linux 帮助 man 章节 linux 获取帮助的途径 (1)help (2)man (3)info command在线获取 (4)程序自带帮助文档 ...