HTML 标签的 type 属性

定义和用法

type 属性规定 input 元素的类型。

实例

下面的表单拥有两个输入字段以及一个提交按钮:

First name:

Last name:

亲自试一试(您在页面下面可以找到更多例子)

语法

属性值

描述

button

定义可点击按钮(多数情况下,用于通过 JavaScript 启动脚本)。

checkbox

定义复选框。

file

定义输入字段和 "浏览"按钮,供文件上传。

hidden

定义隐藏的输入字段。

image

定义图像形式的提交按钮。

password

定义密码字段。该字段中的字符被掩码。

radio

定义单选按钮。

reset

定义重置按钮。重置按钮会清除表单中的所有数据。

submit

定义提交按钮。提交按钮会把表单数据发送到服务器。

text

定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。

Text

定义用户可输入文本的单行输入字段。

Email:

Pin:

Button

定义可点击的按钮,但没有任何行为。button 类型常用于在用户点击按钮时启动 JavaScript 程序。

Checkbox

定义复选框。复选框允许用户在一定数目的选择中选取一个或多个选项。

I have a bike

I have a car

File

用于文件上传。

Hidden

定义隐藏字段。隐藏字段对于用户是不可见的。隐藏字段通常会存储一个默认值,它们的值也可以由 JavaScript 进行修改。

Image

定义图像形式的提交按钮。

必须把 src 属性 和 alt 属性 与 结合使用。

Password

定义密码字段。密码字段中的字符会被掩码(显示为星号或原点)。

Radio

定义单选按钮。单选按钮允许用户选取给定数目的选择中的一个选项。

Male

Female

Reset Button

定义重置按钮。重置按钮会清除表单中的所有数据。

Submit

定义提交按钮。提交按钮用于向服务器发送表单数据。数据会发送到表单的 action 属性中指定的页面。

Email:

html密码字段语法,HTML input 标签的 type 属性相关推荐

  1. 【input 标签的 type 属性详解】

    input 标签的 type 属性详解 1. input 输入标签的 type 属性 1.1 input 标签的 type类型 属性的常用属性值 ⑴ 单行文本框: type="text&qu ...

  2. html中input标签中type属性小总(包含html5新增表单属性)

    前言   HTML5新增了许多属性和方法,其中一些就有input标签中 type属性. 有关于input中type的全部可取值如下 1.button 2.text 3.time(会呈现表的形状) 4. ...

  3. input标签的value属性详解

    请结合这篇文章一起看 input 标签的 value 属性的作用是由 input 标签的 type 属性的值决定的 当 type 的取值为 button.reset.submit 中的其中一个时,此时 ...

  4. input标签加disabled属性后无法获得其value值

    在做网站时,由于某些信息不能修改,故使用了input标签的disabled属性, 但是在提交数据后却发现显示为空了.后来一查才知道input设置为disabled值时会有下面的限制: 1.不能接收焦点 ...

  5. Input标签的type设置为number,去掉上下箭头

    Input标签的type设置为number,去掉上下箭头 css代码如下: < style >input::-webkit-outer-spin-button, input::-webki ...

  6. input标签的name属性详解

    请结合这篇文章一起看 name 属性规定 input 元素的名称 name 属性用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据 只有设置了 name 属性 ...

  7. input标签里面type常用属性(注册登录表单常用元素)

    之前写一些小项目的时候,在表单这一块因为知道的type属性就text.password.button.submit等一些值,而且form表单也应用的不是很灵活,所以通过简单的学习,认识到以前写的for ...

  8. HTML input标签中disabled属性

    HTML 标签的 disabled 属性 这是一个不可输入的文本框 <input type="text" name="" disabled="d ...

  9. 改HTML5里的input标签的required属性的提示为英文的

    原文出处:http://zhidao.baidu.com/link?url=bVzR5uJ0pHchYtnUAbwbjmfKwBi6tF52wjOqWQtyGddJ6ZpGbd4qPM7Q_pfIEs ...

最新文章

  1. 备忘录模式(Memento)的原版与简化版实现
  2. React ----- 路由懒加载的几种实现方案
  3. 漫画:IT人的大阅兵,十分精彩!
  4. NavigationDuplicated vue-router 路由重复点击报错的问题
  5. mysql执行代码段_mysql的event schedule 可以让你设置你的mysql数据库再某段时间执行你想要的动作...
  6. Android 给TextView中的字体加上“中间线”
  7. matlab怎么利用圆形度提取园,基于Matlab+GUI图像处理的物料粒度与圆形度测试.pdf...
  8. 安卓使用Audio Record自定义录音
  9. MySQL--Centos7下安装5.7.19
  10. NLP是百度的核心技术之一
  11. 利用ENVI绘制土地利用图
  12. 计算机网络:逆向工程(精细版)
  13. 利用Arcgis制作数据统计图
  14. 237. 删除链表中的节点
  15. 模拟量转数字量的本质
  16. 等了两年半!计算机专硕重大改革!不再只是电子信息了!
  17. 5G基础及计算机网络参考模型
  18. [Pandas] DataFrame的columns属性
  19. WIndow强制删除文件或文件夹
  20. C语言程序设计教程的读后感,c语言程序设计观后感

热门文章

  1. 【Elasticsearch】Elasticsearch 集群健康值黄色 解决方案 或者 分片 未分配
  2. 【Es】es deep paging问题
  3. 95-170-046-源码-Time-Flink时间系统系列之ProcessFunction使用分析
  4. 【ST4】Java 中的模板引擎 StringTemplate
  5. SpringBoot : SpringBoot自定义的ApplicationContext实现类
  6. fastjson 判断value是对象还是数组
  7. 22-win10下ElasticSearch.6.1.0与logstash6.1.0的整合
  8. JDBC_ResultSet类_结果集对象
  9. 推荐系统和搜索引擎的关系
  10. @SuppressWarnings(rawtypes) 是什么含义