inpur标签的各种type

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  这个属性设定了这个框是必须填的 不能为空

时间: 2024-07-31 16:27:33

inpur标签的各种type的相关文章

script标签属性用type还是language?

被人问起一个问题: <script language = "JavaScript"> <script type="text/javascript"> <script> 这三个标签的使用有什么区别?金光大道娱乐城 虽然一直在用,却也没有好好去弄清楚,这里详细说明一下. 查阅一些资料,主要是浏览器支持问题.type 和 language 属性都可用来指定 <script> 标签中的脚本的类型.language 属性在 HT

input的type等于mage标签引发的页面提交!

主要原因是使用了<input type="image",而且放在了<form中. <input type="image"标签类似<input type="submit",只要放在form中,执行该按钮就会提交页面. 解决方法: 1.不使用<input type="image"标签: 2.在onclick 事件中添加一段“;return false;”的脚本,如下:<input type=&q

学习10 table表格制作标签

<!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>认识table表格标签</title> <style type="text/css"> table tr td,th{border:1px solid

mybatis 中 sql 映射文件 select 标签以及 入 resultMap 标签的应用

1.自定义某个 javabean 的封装规则: 注:可以看到,select 标签中引用了 定义好的 resultMap 的值.resultMap 标签中的 type 为javabean 类型,id 为唯一标识.id 子标签定义主键(这样定义底层会有优化.)column 属性为字段名,property 属性为字段值. 注:可以看到测试结果没有出现问题,说明代码没有错误. 2.自定义某个 javabean 的级联属性封装: a.准备工作:mysql 数据库中,在之前 tbl_employees 表的

HTML标签解释大全

一.HTML标记 说明:指定了 HTML 文档遵循的文档类型定义(DTD). 标签:a 说明:标明超链接的起始或目的位置. 标签:acronym 说明:标明缩写词. 标签:address 说明:特定信息,如地址.签名.作者.此文档的原创者. 标签:applet 说明:在页面上放置可执行内容. 标签:area 说明:定义一个客户端图像映射中一个超级链接区域的形状.坐标和关联 URL. 标签:attribute 说明:以对象的形式代表了 HTML 元素的标签属性或属性. 标签:b 说明:指定文本应以

web开发中比较常用的html标签

作为一名web开发人员,总结了一下经常用到的html标签,如下:<html> <head> <!--meta头标签 表示页面三秒后跳转到新浪页面--> <meta charset="utf-8" http-equiv="refresh" content="3;url=http://www.sina.com"/> <title></title> </head> &l

html常用标签3

表单标签: <form></form> 属性:action 表单提交的位置 method 提交方式 get:提交的内容会显示在浏览器的地址栏位置   不安全      大小有限制(1kb)    速度快 post:提交的内容在请求消息体中                   安全           无大小限制          速度慢 <input>标签  属性:type text 文本输入框                  password 密文输入框      

type=&quot;application/javascript&quot;

type="application/javascript" html script 标签中 type有如下这些值,请问分别是什么意思,在什么情况下使用? type="text/javascript" type="application/javascript" type="application/x-javascript" 这3个有什么区别吗 ? The traditional MIME type forJavaScript p

web前端与移动开发---html列表、表单元素等标签的学习

经过前两天的学习,今天我们来学习列表及表单元素. 首先是列表,列表分为无需列表.有序列表.自定义列表. 1.无序列表 <ul> <li></li> <li></li> ...... </ul> 总结: (1)所有放在ul中的数据必须是无序的: (2)ul标签是用来管理li标签的: (3)ul中必须至少有一个li标签: (4)li标签不能单独使用: (5)在ul标签中只能写li标签: (6)在li标签中才能嵌套其他的标签. 2.有序列表