您的浏览器过于古老 & 陈旧。为了更好的访问体验, 请 升级你的浏览器
一纸荒年 发布于2019年09月17日 18:58 最近更新于 2019年09月17日 19:39

原创 HTML <input> 标签

65 次浏览 读完需要≈ 18 分钟 HTML

内容目录

所有浏览器都支持 <input>标签。

语法

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

<input>元素在<form>元素中使用,根据type属性改变用户输入数据的input控件。

<input />

属性

属性 描述
accept mime_type type="file"规定通过文件上传来提交的文件的类型。
align

left

right

top

middle

bottom

HTML5已废弃,不赞成使用。
type="image"规定图像输入的对齐方式。
alt text type="image"定义图像输入的替代文本。
autocomplete

on

off

规定<input>元素输入字段是否应该启用自动完成功能。
autofocus autofocus 规定当页面加载时 <input> 元素是否自动获得焦点。
checked checked type="checkbox | radio"规定在页面加载时应该被预先选定的<input> 元素。
disabled disabled 规定应该禁用的<input>元素。
form form_id 规定<input>元素所属的一个或多个表单。
formaction URL type="submit | image"规定当表单提交时处理输入控件的文件的 URL。
formenctype application/x-www-form-urlencoded multipart/form-data text/plain type="submit | image"规定当表单数据提交到服务器时如何编码
formmethod

get

post

type="submit | image"定义发送表单数据到 action URL 的 HTTP 方法。
formnovalidate formnovalidate 规定覆盖<form>元素的novalidate属性。
formtarget

blank
self

parent

top

framename

type="submit | image"规定表示提交表单后在哪里显示接收到响应的名称或关键词。
height pixels type="image"规定 <input>元素的高度。
list datalist_id 属性引用<datalist>元素,其中包含<input>元素的预定义选项。
max

number

date

规定<input>元素的最大值。
maxlength number 规定<input>元素中允许的最大字符数。
min

number

date

规定<input>元素的最小值。
multiple multiple 规定允许用户输入到<input>元素的多个值。
name text 规定<input>元素的名称。
pattern regexp 规定用于验证<input>元素的值的正则表达式。
placeholder text 规定可描述输入<input>字段预期值的简短的提示信息 。
readonly readonly 规定输入字段是只读的。
required required 规定必需在提交表单之前填写输入字段。
size number 规定以字符数计的<input>元素的可见宽度。
src URL type="image"规定显示为提交按钮的图像的 URL。
step number 规定<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
规定要显示的<input>元素的类型。
value text 指定<input>元素value的值。
width pixels type="image"规定<input>元素的宽度。

实例

<form>
  用户名: <input type="text" name="name">
  密码: <input type="password" name="password">
  <input type="submit" value="提交">
</form>

运行代码

HTML 4.01 与 HTML5之间的差异

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

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

HTML 与 XHTML 之间的差异

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

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

全局属性

<input>标签支持 HTML 全局属性

事件属性

<input> 标签支持HTML 中的事件属性

  • CodePlayer技术交流群1
  • CodePlayer技术交流群2

0 条评论

撰写评论