HTML中type类型常用种类

button：定义可点击的按钮（通常与 JavaScript 一起使用来启动脚本）。

<input type="button" name="" id="" value="按钮"><br>
<br>

checkbox：定义复选框。

<br>
<input type="checkbox" name="" id="">男<br>
<input type="checkbox" name="" id="" checked>女<br>
<br>

color：定义拾色器。

<br>
<input type="color" name="" id=""><br>
<br>

date：定义日期控件（包括年、月、日，不包括时间）。

<br>
<input type="date" name="" id=""><br>
<br>

time：定义用于输入时间的控件（不带时区）

。<br>
<input type="time" name="" id=""><br>
<br>

datetime-local：定义日期和时间控件（包括年、月、日、时、分、秒、几分之一秒，不带时区）。

<br>
<input type="datetime-local" name="" id=""><br>
<br>

datetime：定义日期和时间控件（包括年、月、日、时、分、秒基于 UTC 时区）。

<br>
<form action="">生日 (日期和时间):<input type="datetime" name="" id=""> <input type="submit" name="" id="" value="提交"></form><br>
<br>

month：定义年和月控件（不带时区）。

<br>
<input type="month" name="" id=""><br>
<br>

week：定义周和年控件（不带时区）。

<br>
<input type="week" name="" id=""><br>
<br>

email：定义用于邮箱地址的字段。

<br>
<form action=""></form>E-mail:<input type="email" name="" id=""></form><br>
<br>

file：定义文件选择字段和 “浏览…” 按钮，供文件上传。

<br>
<input type="file" name="" id=""><br>
<br>

hidden：定义隐藏输入字段。

<br>
<input type="hidden" name="" id=""><br>
<br>

image：定义图像作为提交按钮。

<br>
<input type="image" name="" id=""><br>
<br>

number：定义用于输入数字的字段。

<br>
<input type="number" name="" id=""><br>
<br>

password：定义密码字段（字段中的字符会被遮蔽）。

<br>
<input type="password" name="" id=""><br>
<br>

radio：定义单选按钮。

<br>
<input type="radio" name="" id="">男<br>
<input type="radio" name="" id="" checked>女<br>
<br>

range：定义用于精确值不重要的输入数字的控件（比如 slider 控件）。

<br>
<input type="range" name="" id=""><br>
<br>

submit：定义提交按钮。

<br>
<input type="submit" name="" id="" value="提交"><br>
<br>

reset：定义重置按钮（重置所有的表单值为默认值）。

<br>
<input type="reset" name="" id=""><br>
<br>

search：定义用于输入搜索字符串的文本字段。

<br>
<input type="search" name="" id=""><br>
<br>

tel：定义用于输入电话号码的字段。

<br>
输入电话：<input type="tel" name="" id=""><br>
<br>

text：默认。定义一个单行的文本字段（默认宽度为 20 个字符）。

<br>
<input type="text" name="" id=""><br>
<br>

textarea：定义多行的文本字段比如个人简历。

<br>
<input type="textarea" name="" id=""><br>
<br>

url：定义用于输入 URL 的字段。

<br>
添加你的主页网址：<input type="url" name="" id="">

select/option：定义下拉选框。拓展一个常用的下拉框

<td>部门:</td><td><select required="required"><!-- required表示必须选一个 -->            <option value="开发部" style="display:none">技术开发部</option><option value="财务部">财务部</option><option value="销售部">销售部</option><option value="ceo">公司CEO</option></select></td>

HTML中type类型常用种类相关推荐

Java中的Type类型详解
概述在JDK1.5之前之一原始类型.此时,所有的原始类型都通过字节码文件类Class进行抽象.Class类的一个具体对象就代表一个指定的原始类型. JDK1.5加入了泛型类,扩充了数据类型,从只有原 ...
全面理解Python中的类型提示（Type Hints）
众所周知,Python 是动态类型语言,运行时不需要指定变量类型.这一点是不会改变的,但是2015年9月创始人 Guido van Rossum 在 Python 3.5 引入了一个类型系统,允许开发 ...
Elasticsearch中字段类型(Field Type)详解
ElasticSearch 7.7 字段类型(Field datatype)详解字符串, object, 数值, 日期, 数组, 0x00 字符串: text, keyword 5.0以后,stri ...
java中object类型_Java常用类object详解
1.Object概述: 类Object是类层次结构的根类.每个类都使用Object作为超类.所有对象(包括数组)都实现这个类的方法. 2.构造方法详细信息: Object只有一个无参构造方法,因为ob ...
java中的类型擦除type erasure
文章目录简介举个例子原因解决办法总结 java中的类型擦除type erasure 简介泛型是java从JDK 5开始引入的新特性,泛型的引入可以让我们在代码编译的时候就强制检查传入的类型 ...
php 类型提示,PHP中的类型提示(type hinting)功能介绍
PHP中的类型提示(type hinting)功能介绍这篇文章主要介绍了PHP中的类型提示(type hinting)功能介绍,本文讲解了类型提示的作用和使用方法以及使用示例,需要的朋友可以参考下 ...
电路设计中七个常用接口类型的关键点？
我们知道,在电路系统的各个子模块进行数据交换时可能会存在一些问题导致信号无法正常.高质量地"流通",例如有时电路子模块各自的工作时序有偏差(如CPU与外设)或者各自的信号类型不一致 ...
python中函数type可以测试对象类型_Python中type函数type()显示对象的类型,dir函数dir()显示的是对象可用的方法。_学小易找答案...
[判断题]new_word = word.upper() 这一语句表示将word这个变量的值全部小写并赋给新变量new_word. [单选题]All of the students have fini ...
js合并两个数组中同一类型的type对象
// js合并两个数组中同一类型的type对象 // 接口返回的数据格式 [{dayAt: "2023-01-11"lastAt: "2023-01-11 14:36:3 ...

HTML中type类型常用种类

HTML中type类型常用种类相关推荐

最新文章

热门文章