HTML <input> 标签 - 蝴蝶教程

<input>标签定义和用法

<input>标签指定用户可以输入数据的输入字段。

<input>元素在<form>元素中用于声明允许用户输入数据的输入控件。输入字段可以以多种方式变化，具体取决于type属性。

注意： <input>元素为空元素，它仅包含属性。提示：使用<label>元素定义<input>元素的标签。

<input>标签浏览器支持

Internet Explorer/Edge	Chrome	FireFox	Safari	Opera

支持	支持	支持	支持	支持

<input>标签实例

<!DOCTYPE html>
<html>
<body>

<form action="/jc_script/action.php">
First name: <input type="text" name="FirstName" value="Mickey"><br>
Last name: <input type="text" name="LastName" value="Mouse"><br>
<input type="submit" value="提交">
</form>

<p>点击"提交"按钮表单数据将被发送到服务器上名为“/jc_script/action.php”的页面。</p>

</body>
</html>

尝试一下

HTML4.01和HTML5之间的差异

HTML5中不支持“align”属性。在HTML5中，<input>标记有几个新属性，type属性有几个新值。

HTML和XHTML之间的差异

在HTML中，<input>标记没有结束标记。在XHTML中，必须正确关闭<input>标记，就像这个<input />一样。

<input>标签属性

橙红色的5标识代表HTML5添加的新功能

属性名	属性值	描述
accept	file_extension audio/* video/* image/* media_type	指定服务器接受的文件类型（仅用于type =“file”）
align	left right top middle bottom	HTML5不支持。指定图像输入的对齐方式（仅适用于type =“image”）
alt	text	指定图像的替代文本（仅用于type =“image”）
autocomplete5	on off	指定<input>元素是否应启用自动完成
autofocus5	autofocus	指定<input>元素在页面加载时应自动获得焦点
checked	checked	指定在页面加载时应预先选择<input>元素（对于type =“checkbox”或type =“radio”）
dirname5	inputname.dir	指定将提交文本方向
disabled	disabled	指定应禁用<input>元素
form5	form_id	指定<input>元素所属的一个或多个表单
formaction5	URL	指定在提交表单时将处理输入控件的文件的URL（对于type =“submit”和type =“image”）
formenctype5	application/x-www-form-urlencoded multipart/form-data text/plain	指定在将表单数据提交到服务器时应如何编码表单数据（对于type =“submit”和type =“image”）
formmethod5	get post	定义用于将数据发送到操作URL的HTTP方法（对于type =“submit”和type =“image”）
formnovalidate5	formnovalidate	定义在提交时不应验证表单元素
formtarget5	_blank _self _parent _top framename	指定在提交表单后显示收到的响应的位置（对于type =“submit”和type =“image”）
height5	pixels	指定<input>元素的高度（仅用于type =“image”）
list5	datalist_id	引用包含<input>元素的<datalist>元素的预定义选项
max5	number date	指定<input>元素的最大值
maxlength	number	指定<input>元素中允许的最大字符数
min5	number date	指定<input>元素的最小值
multiple5	multiple	指定用户可以在<input>元素中输入多个值
name	text	指定<input>元素的名称
pattern5	regexp	指定一个正则表达式，检查<input>元素的值
placeholder5	text	指定描述<input>元素的预期值的简短提示
readonly	readonly	指定输入字段是只读的
required5	required	指定在提交表单之前必须填写输入字段
size	number	指定<input>元素的宽度（以字符为单位）
src	URL	指定要用作提交按钮的图像的URL（仅适用于type =“image”）
step5	number	指定输入字段的合法编号间隔(步长)
type	button checkbox color date datetime-local email file hidden image month number password radio range reset search submit tel text time url week	指定要显示的<input>元素类型
value	text	指定<input>元素的值
width5	pixels	指定<input>元素的宽度（仅用于type =“image”）

<input>标签全局属性

<input>标签还支持全局属性。查看有关全局属性的更多知识。

<input>标签事件属性

<input>标签还支持事件属性。查看有关事件属性的更多知识。

<input>标签相关页面

HTML教程：HTML 表单

<input>标签默认CSS设置

没有。