HTML 标签

实例

一个简单的 HTML 表单,包含两个文本输入框和一个提交按钮:

First name:

Last name:

尝试一下 »

(本页底部可以查看更多实例)

浏览器支持

目前大多数浏览器支持 标签。

标签定义及使用说明

标签规定了用户可以在其中输入数据的输入字段。

元素在

元素中使用,用来声明允许用户输入数据的 input 控件。

输入字段可通过多种方式改变,取决于 type 属性。

提示和注释

注意: 元素是空的,它只包含标签属性。

提示: 你可以使用 元素来定义 元素的标注。

HTML 4.01 与 HTML5之间的差异

在 HTML 4.01 中, "align" 数据已经不再使用。HTML5 中不支持该属性。 可以使用CSS来定义 元素的对齐方式。

在 HTML5中, 添加了几个属性,并且添加了对应的值。

HTML 与 XHTML 之间的差异

在 HTML 中, 标签没有结束标签。

在 XHTML 中, 标签必须被正确地关闭。

属性

New : HTML5新标签。 属性 值 描述

audio/* video/* image/* MIME_type 规定通过文件上传来提交的文件的类型。 (只针对type="file")

left right top middle bottom HTML5已废弃,不赞成使用。规定图像输入的对齐方式。 (只针对type="image")

text 定义图像输入的替代文本。 (只针对type="image")

on off autocomplete 属性规定 元素输入字段是否应该启用自动完成功能。

autofocus 属性规定当页面加载时 元素应该自动获得焦点。

checked checked 属性规定在页面加载时应该被预先选定的 元素。 (只针对 type="checkbox" 或者 type="radio")

disabled isabled 属性规定应该禁用的 元素。

form_id form 属性规定 元素所属的一个或多个表单。

URL 属性规定当表单提交时处理输入控件的文件的 URL。(只针对 type="submit" 和 type="image")

application/x-www-form-urlencoded multipart/form-data text/plain 属性规定当表单数据提交到服务器时如何编码(只适合 type="submit" 和 type="image")。

get post 定义发送表单数据到 action URL 的 HTTP 方法。 (只适合 type="submit" 和 type="image")

formnovalidate formnovalidate 属性覆盖

元素的 novalidate 属性。

_blank _self _parent _top framename 规定表示提交表单后在哪里显示接收到响应的名称或关键词。(只适合 type="submit" 和 type="image")

pixels 规定 元素的高度。(只针对type="image")

datalist_id 属性引用 元素,其中包含 元素的预定义选项。

maxNew number date 属性规定 元素的最大值。

number 属性规定 元素中允许的最大字符数。

minNew number date 属性规定 元素的最小值。

multiple 属性规定允许用户输入到 元素的多个值。

text name 属性规定 元素的名称。

regexp pattern 属性规定用于验证 元素的值的正则表达式。

text Splaceholder 属性规定可描述输入 字段预期值的简短的提示信息 。

readonly readonly 属性规定输入字段是只读的。

required 属性规定必需在提交表单之前填写输入字段。

number size 属性规定以字符数计的 元素的可见宽度。

URL src 属性规定显示为提交按钮的图像的 URL。 (只针对 type="image")

number step 属性规定 元素的合法数字间隔。

button checkbox color date datetime datetime-local email file hidden image month number password radio range reset search submit tel text time url week type 属性规定要显示的 元素的类型。

text Specifies the value of an element

pixels value 属性规定 元素的值。 (只针对type="image")

全局属性

标签支持全局属性,查看完整属性表 HTML全局属性。

事件属性

标签支持所有 HTML事件属性。

html input菜鸟,HTML input 标签 | w3cschool菜鸟教程相关推荐

  1. html图像区域映射菜鸟,HTML area 标签 | w3cschool菜鸟教程

    HTML 标签 实例 带有可点击区域的图像映射: usemap="#planetmap"> 尝试一下 » 浏览器支持 所有主流浏览器都支持 标签. 标签定义及使用说明 标签定 ...

  2. input 强大的 input 标签

    2019独角兽企业重金招聘Python工程师标准>>> <input type="color"value="#6fbc6d"> & ...

  3. html input日期值,input标签设置时间值

    研究了两天javascript日期相关的内容,一句话总结:"浏览器可以用上十万年,因为javascript支持的时间范围就是这么长". 通过实验来看,比较好用的是type=&quo ...

  4. w3cschool菜鸟教程离线版chm手册正式发布

    w3cschool菜鸟教程是一个提供了最全的的web技术基础教程网站.网站包含了HTML教程.CSS教程.Javascript教程.PHP教程等各种建站基础教程.同时也提供了大量的在线实例,通过实例, ...

  5. input css年月日,input标签的type为date,显示的日期格式样式更改

    这个///是改不了---的,这是谷哥自带的功能样式,只能改颜色背景色等,如果要那种效果可以用日历插件 有个取巧的方法,一个不能改的input覆盖在input type="date" ...

  6. 菜鸟的最后一篇php教程

    为什么要起这个名字?其实其中回答了何种人适合看这篇文章--有其他语言基础刚入web后端的初学者.本文主要是对菜鸟教程中的PHP部分做了精简,有基础的能节省不少时间.姊妹篇:菜鸟的最后一篇go教程 PH ...

  7. input函数html,input

    一个简单的 HTML 表单,包含两个文本输入框和一个提交按钮: First name: Last name: 外文名 input 组    成 两个文本输入框和一个提交按钮类    别 函数 含    ...

  8. Index out of range using input dim 2; input has only 2 dims

    Index out of range using input dim 2; input has only 2 dims 原文地址:https://blog.csdn.net/qq_31456593/a ...

  9. 在计算机英语中input的意思,input是什么意思

    大家了解什么是input吗?社会的快速发展,信息的迅速传递,在我们的日常生活中,有时也会听到这样的词,下面就和康网小编一起来了解一下什么是input吧. 什么是input: 定义用法 标签用于搜集用户 ...

最新文章

  1. 计算机信息技术在教学中的发展,浅析计算机在信息技术教学中的应用
  2. mysql innodb和myisam比较
  3. uoj22 外星人(dp)
  4. 动态代理的概述和实现
  5. DCOS实践分享(6):基于DCOS的大数据应用分享
  6. 【elasticsearch】Elasticsearch 空值处理实战
  7. mysql安装 demo [linux centos7] [5.7.26]
  8. WindowsXP 进程分析
  9. ASP基础教程:ASP脚本变量、函数、过程和条件语句
  10. 14 递归 匿名函数 内置函数
  11. 蓝桥杯泊松分酒java_【蓝桥杯】泊松分酒
  12. vbs 读unicode 编码格式的文件
  13. java购物车界面的代码,JavaBean购物车全代码
  14. 最新四端同步苹果cms影视影视源码
  15. 云服务器被攻击了怎么解决
  16. 关于outlook签名图片大小的说明
  17. 微信视频号打造带货闭环:主播叫苦连天
  18. ARTIX-7 XC7A35T实验项目之流水灯
  19. excel 模拟分析 - 单变量求解模拟运算表
  20. 渗透测试常用文件传输方法-Linux篇(如何向Linux服务器中上传文件?) (゚益゚メ) 渗透测试

热门文章

  1. Ubuntu18.04与Win10共享文件
  2. 初级中学计算机教案,用Power Point制作多媒体作品初级中学信息教案
  3. 命名实体识别学习笔记
  4. 5月6-7日,东莞松山湖华为小镇,鲲鹏开发者峰会2023·云和恩墨专场邀您参会
  5. java实现字符串转换为多个json对象
  6. JavaScript倒计时代码
  7. 因为这两组数字,京东集团副总裁一夜未眠
  8. SVN(一)SVN的安装及配置(客户端+服务端)
  9. mysql 8.0 1114 Error, The table /tmp/#sql~~~ is full
  10. 压测工具 Jmeter 压测工具 apache bench