input标签是一个行内标签,它拥有许多的type让我们来使用

在H5之前的type

1-text    这个就是纯文本的输入框

2-button   这个type就让input变成了一个点击的按钮

3-submit   这个type一般是用在表格里面的 它有一个默认事件,就是提交表格里面的所有内容.

4-file      这个type是选中本地文件的标签,它与后台交互的时候用到的

5- checkbox  这个是多选的标签,

6-radio  这个是单选的标签.如果在几个单选中默认只能选一个的话,那么,它的name值得相同

7- password  这个是密码标签,当你输入内容的时候,会变成****

8- reset 这个是重置标签.一般来说 ,它都是用在表格里面,用来重置表格的内容的

下面的是H5的一些type

url 这个标签检测输入的是不是一个url格式

email 这个可以检测你输入的是不是email格式

date 这个类型是日期表格的控件

time 分格式的控件 的出来的是时间控件

datetime  年-月-日 时:分:秒的控件

number   数字输入框

cel  电话输入框

color  颜色选择框

range  选择区域,一般和step和max以及min一起使用

input h5里面的一些新属性

placeholder 占位符.就是说,当输入框为空的时候,里面显示的文字

required  这个属性设定了这个框是必须填的 不能为空

转载于:https://www.cnblogs.com/ganke/p/5633640.html

inpur标签的各种type相关推荐

  1. html range关联文本框,HTML5gt;meter标签与input(type=range)标签结合制作简易范围指示器...

    HTML5>meter标签与input(type=range)标签结合制作简易范围指示器 发布时间:2020-03-26 15:41 很多时候我们能看到这样的表示范围的优化工具,能给人带来很好的 ...

  2. script标签属性用type还是language?

    一个网站的建设,经常会用到JavaScript,其中必须用到script标签来外调js文件,但是script标签属性用type还是language? type 和 language 属性都可用来指定 ...

  3. [暑假]<script>标签中的type属性详解

    type属性是必须写的属性吗? 不写的情况: <script>标签中的type属性不是必须写的属性, 因为按照惯例,这个值始终都是"text/javascript", ...

  4. HTML input 标签的 所有type 属性及用法

    实例 下面的表单拥有两个输入字段以及一个提交按钮: <form action="form_action.asp" method="get">< ...

  5. HTML5--表单标签input新增type值

    文章内容大部分都引用于W3C,仅供笔者自己使用参考. 1.input标签新增type值以及浏览器支持情况 2.新增type值中常用的 2.1 Input 类型 - email email 类型用于应该 ...

  6. HTMLbutton 标签和input type=button的区别

    <button>标签的定义及用法 w3school的解释: <button> 标签定义一个按钮. 在 button 元素内部,您可以放置内容,比如文本或图像.这是该元素与使用 ...

  7. button标签的属性:type=button

    <button>标签是定义一个按钮. 问题分析:写好一个按钮之后,进行点击测试,发现页面会自动刷新. 问题原因:按钮规定type属性:Internet Explorer 的默认类型是&qu ...

  8. input标签中的 type 属性:number

    正常情况下,对于一些只能是数字的form表单,我们会采用type=number 的方式来处理. 但是我们可以发现是可以输入字符串 e,这个e很容易引发一些mysql 字段越界,所以我们需要对参数做一些 ...

  9. 深入理解:js标签中的type=“text/JavaScript“,表示什么意思

    一·案例代码如下: <script type="text/javascript">function onchangeFun() {//注意函数名不能与已经存在的关键字相 ...

  10. html表单input file,input标签type=file的文件上传

    一,通过表单提交的方式 该提交方式只是提交普通表单:对于file组所选中的文件内容是不上传的,因此需要设置:enctype属性 enctype="multipart/form-data&qu ...

最新文章

  1. 开源Jekyll助您构建你的网站
  2. angularjs获取上一个元素的id_三男子非法获取苹果ID账号买卖,交易数万条,价格从一毛到上百元不等...
  3. 【设计模式】—— 模板方法Template
  4. 前端一HTML:十四: important
  5. vc编程中出现 fatal error C1010: 在查找预编译头时遇到意外的文件结尾。是否忘记了向源中添加“#include stdafx.h”?...
  6. DHCP的4步租约过程
  7. RequestMapping注解的继承问题
  8. PowerShell挂起功能--Confirm参数
  9. 一步一步写算法(之查找)
  10. 科学家对医疗预印本服务器的影响,美国化学学会将启动化学论文预印本服务
  11. 基础图像处理之混合空间增强——(Java:拉普拉斯锐化、Sobel边缘检测、均值滤波、伽马变换)...
  12. 工程学导论——心得体会
  13. 高速CAN收发器TJA1043的状态机
  14. Vue为啥可以成为2019年的一匹黑马?
  15. 2017年的错误和失误
  16. C# 金额转中文大写
  17. Java 线程 基础知识总结
  18. 2022年下半年软就测试就业浅谈
  19. 【JavaScript】性能优化
  20. [转载]打工辛酸路:我是一朵飘零的花之125

热门文章

  1. c语言 牛顿方法计算平方根,sqrt()平方根计算函数的实现2——牛顿迭代法
  2. WORD中编辑页码方法大全
  3. STM32开发项目:FIFO数据模型库
  4. [高通MSM8953_64][Android10]移除开机进入充电界面
  5. Matlab中写M文件及调用
  6. 数字温湿度传感器DHT11模块
  7. excepted one 0f #, =>at line16,column 16(byte 311)
  8. 大数据杀熟已被明令禁止!
  9. 拍摄视频,真的帧率越高越好吗?
  10. Office word/excel/ppt套装安装好功能栏没有开始、插入、页面布局等工具栏解决方法