天天看点

HTML <input> 标签

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

<form action="demo_form.php">

First name: <input type="text" name="fname"><br>

Last name: <input type="text" name="lname"><br>

<input type="submit" value="提交">

</form>

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

元素

<input>

Yes

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

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

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

<b>注意: </b>&lt;input&gt; 元素是空的,它只包含标签属性。

<b>提示:</b> 你可以使用 &lt;label&gt; 元素来定义 &lt;input&gt; 元素的标注。

在 HTML 4.01 中, "align" 数据已经不再使用。HTML5 中不支持该属性。

可以使用CSS来定义 &lt;input&gt; 元素的对齐方式。

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

在 HTML 中,&lt;input&gt; 标签没有结束标签。

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

New : HTML5新标签。

属性

描述

accept

audio/*

video/*

image/*

MIME_type

规定通过文件上传来提交的文件的类型。

(只针对type="file")

align

left

right

top

middle

bottom

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

alt

text

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

autocompleteNew

on

off

autocomplete 属性规定 &lt;input&gt; 元素输入字段是否应该启用自动完成功能。

autofocusNew

autofocus

属性规定当页面加载时 &lt;input&gt; 元素应该自动获得焦点。

checked

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

disabled

disabled 属性规定应该禁用的 &lt;input&gt; 元素。

formNew

form_id

form 属性规定 &lt;input&gt; 元素所属的一个或多个表单。

formactionNew

URL

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

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 属性覆盖 &lt;form&gt; 元素的 novalidate 属性。

formtargetNew

_blank

_self

_parent

_top

framename

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

heightNew

pixels

规定 &lt;input&gt;元素的高度。(只针对type="image")

listNew

datalist_id

属性引用 &lt;datalist&gt; 元素,其中包含 &lt;input&gt; 元素的预定义选项。

maxNew

number

date

属性规定 &lt;input&gt; 元素的最大值。

maxlength

属性规定 &lt;input&gt; 元素中允许的最大字符数。

minNew

属性规定 &lt;input&gt;元素的最小值。

multipleNew

multiple

属性规定允许用户输入到 &lt;input&gt; 元素的多个值。

name

name 属性规定 &lt;input&gt; 元素的名称。

patternNew

regexp

pattern 属性规定用于验证 &lt;input&gt; 元素的值的正则表达式。

placeholderNew

placeholder 属性规定可描述输入 &lt;input&gt; 字段预期值的简短的提示信息

readonly

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

requiredNew

required

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

size

size 属性规定以字符数计的 &lt;input&gt; 元素的可见宽度。

src

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

type="image")

stepNew

step 属性规定 &lt;input&gt; 元素的合法数字间隔。

type

button

checkbox

color

datetime

datetime-local

email

file

hidden

image

month

password

radio

range

reset

search

submit

tel

time

url

week

type 属性规定要显示的 &lt;input&gt; 元素的类型。

value

指定 &lt;input&gt; 元素 value 的值。<b></b>

widthNew

width 属性规定 &lt;input&gt; 元素的宽度。 (只针对type="image")

&lt;input&gt; 标签支持全局属性,查看完整属性表 HTML全局属性。

&lt;input&gt; 标签支持所有 HTML事件属性。