input类型

1. button 定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本

2. checkbox 定义复选框

3. file 定义输入字段和 "浏览"按钮，供文件上传
4. hidden 定义隐藏的输入字段
5. image 定义图像形式的提交按钮
6. password 定义密码字段。该字段中的字符被掩码
7. radio 定义单选按钮
8. reset 定义重置按钮。重置按钮会清除表单中的所有数据
9. submit 定义提交按钮。提交按钮会把表单数据发送到服务器
10. text 定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符
 input类型html5的标签 
- email
用于应该包含 e-mail 地址的输入域。在提交表单时，会自动验证 email 域的值。
- url 类型用于应该包含 URL 地址的输入域。在提交表单时，会自动验证 url 域的值。
- number 类型用于应该包含数值的输入域。能够设定对所接受的数字的限定
- range 类型用于应该包含一定范围内数字值的输入域。 类型显示为滑动条
- Date 选取日期和时间的新输入类型
- search 类型用于搜索域，比如站点搜索或 Google 搜索。search 域显示为常规的文本域。

时间： 2024-11-06 21:54:46

input类型的相关文章

玩转html5(一)-----盘点html5新增的那些酷酷的input类型和属性

今天正式开始学习html5了,相比html以前的版本,html5新增了好多功能,属性,使我们做出来的界面更加的绚丽,而且使用起来超级简单,这篇文章先来说说html增加的那些input类型和属性. html5新增的input类型有:email,url,number,range,date pickers,datalist,telephone,search,color email:提交时会自动验证输入的内容是否满足格式 邮箱 :<input type="email" name=&quo

h5 新的 input 类型

Input 类型: color color 类型用在input字段主要用于选取颜色, 从拾色器中选择一个颜色如下所示: <input type="color" name="favcolor"> Input 类型: date date 类型允许你从一个日期选择器选择一个日期. <input type="date" name="day"> Input 类型: datetime datetime 类型允许你选

xampp搭建服务器环境、html5新的input类型

怎么让别人看见你写的 先把你的文档放入htdocs里面 再输入网址: http://你的IP地址/文件名 就ok了例如我的 HTML5中的input类型: <input>标签规定用户可输入数据的类型.根据不同的type 属性,输入类型有多种形态,输入字段可以使文本字段.复选框.密码字段.单选按钮.按钮等等.html5为我们提供了更丰富的input类型.如下: 1.email email类型用于包含e-mail地址的输入域,在提交表单时,会自动验证email域的值. iPhone中的Safari

HTML5学习笔记之Input类型

Input类型——email email类型用于包含email地址的输入域,在输入地址时会自动验证email域的值 例:Email:<input type="email" name="user_email"> 在提交时会自动检测输入内容是否合法 Input类型——url url类型用于应该包含url地址的输入域,在提交时会自动检测url域的值 例:url:<input type="url" name="user_url

检测浏览器对HTML5新input类型的支持

HTML5新增加了很多input元素类型,比如color,date,datetime,datetime-local,email,month,number,range,search,tel,time,url,week等. 通过以下方法可以检测浏览器是否支持这些新的input类型: var i = document.createElement('input'); i.setAttribute('type', 'date'); //浏览器不支持date类型 if(i.type == 'text'){

使用 HTML5 input 类型提升移动端输入体验（键盘）

在最近的项目中,策划老是要求我们弹出各种类型的键盘,特别是在iOS下,例如输入帐号的时候,不应该支持输入中文,该输入纯数字的时候就应该谈数字键盘等.个人觉得这些都是我们平时开发很少意识到的,虽然有些刁钻,但都是为了用户体验,为了我们的产品,于是便在网上找了一些资料,在此与各位朋友分享: 在过去的几年里,在移动设备上浏览网页已变得难以置信的受欢迎. 但是这些设备上的浏览体验,有时遗留很多的有待改进.当涉及到填写表单时,这一点尤为明显.幸运的是,HTML5规范引入了许多新input类型,使得在移动设

使用 HTML5 input 类型提升移动端输入体验

在过去的几年里,在移动设备上浏览网页已变得难以置信的受欢迎. 但是这些设备上的浏览体验,有时遗留很多的有待改进.当涉及到填写表单时,这一点尤为明显.幸运的是,HTML5规范引入了许多新input类型,使得在移动设备上,用户更容易填写的你的网页表单. 这是一个相当棒的进展,移动浏览器厂商拿起新的HTML5 input类型,并使用它们来显示定制过的键盘布局,使用户更容易输入数据. 在本文中,你将学到8种已经在HTML5中引入的新input类型. 注意: 本文中,iOS的屏幕截图使用iPhone5和S

Html5学习3（拖放、Video（视频）、Input类型(color、datetime、email、month 、number 、range 、search、Tel、time、url、week )）

1.Html拖放 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style type="text/css"> #div1 {width:350px;height:70px;padding:10px;border:1px solid #aaaaaa;} <

HTML 5 服务器发送事件、Input 类型、表单元素、表单属性

HTML5 服务器发送事件(server-sent event)允许网页获得来自服务器的更新. Server-Sent 事件 - 单向消息传递 Server-Sent 事件指的是网页自动获取来自服务器的更新. 以前也可能做到这一点,前提是网页不得不询问是否有可用的更新.通过服务器发送事件,更新能够自动到达. 例子:Facebook/Twitter 更新.估价更新.新的博文.赛事结果等. 浏览器支持 所有主流浏览器均支持服务器发送事件,除了 Internet Explorer. 接收 Server