zl程序教程

您现在的位置是:首页 >  前端

当前栏目

HTML <input> 标签

HTML 标签 gt lt input
2023-06-13 09:17:47 时间

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

form action= demo_form.asp
  First name: input type= text name= fname br
  Last name: input type= text name= lname br
  input type= submit value= 提交
/form

尝试一下 »
(本页底部可以查看更多实例) 浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

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

标签定义及使用说明

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

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

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

提示和注释

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

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

HTML 4.01 与 HTML5之间的差异

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

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

HTML 与 XHTML 之间的差异

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

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

New : HTML5新标签。


accept audio/* video/* image/* MIME_type 规定通过文件上传来提交的文件的类型。 (只针对type= file )
align left right top middle bottom HTML5已废弃,不赞成使用。规定图像输入的对齐方式。 (只针对type= image )
autocompleteNew on off autocomplete 属性规定 input 元素输入字段是否应该启用自动完成功能。
checked checked 属性规定在页面加载时应该被预先选定的 input 元素。 (只针对 type= checkbox 或者 type= radio )
formenctypeNew application/x-www-form-urlencoded multipart/form-data text/plain 属性规定当表单数据提交到服务器时如何编码(只适合 type= submit 和 type= image )。
formmethodNew get post 定义发送表单数据到 action URL 的 HTTP 方法。 (只适合 type= submit 和 type= image )
formnovalidateNew formnovalidate formnovalidate 属性覆盖 form 元素的 novalidate 属性。
formtargetNew _blank _self _parent _top framename 规定表示提交表单后在哪里显示接收到响应的名称或关键词。(只适合 type= submit 和 type= image )
placeholderNew placeholder 属性规定可描述输入 input 字段预期值的简短的提示信息 。
type 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 属性规定要显示的 input 元素的类型。