HTML 中的 <input>属性

首页 / HTML入门教程 / HTML 中的 <input>属性

HTML <input>标签用于在表单中声明输入元素-一种允许用户输入数据的控件。

input示例

<!DOCTYPE html>
<html>

   <head>
      <title>HTML input Tag</title>
   </head>
	
   <body>
      <form action="/cgi-bin/hello_get.cgi" method="get">
         First name: 
            <input type="text" name="first_name" value="" maxlength="100" />
            <br />
            
         Last name: 
            <input type="text" name="last_name" value="" maxlength="100" />
         <input type="submit" value="Submit" />
      </form>
   </body>
	
</html>

这将产生以下结果-

全局属性

此标签支持- HTML 中所述的所有全局属性。

特定属性

HTML <input>标签还支持以下附加属性-

Attribute Value 描述
accept content types 指定服务器接受的内容类型,用逗号分隔列表。
align left
right
top
middle
bottom
不推荐使用-定义内容的对齐方式
alt text 这指定了在浏览器/用户代理无法呈现输入控件的情况下要使用的文本。
autocomplete html-5 on
off
指定在<input>元素中启用或禁用自动完成功能
autofocus html-5 autofocus 指定<input>元素应在页面加载时自动获得焦点
checked checked 如果是type =“ radio”或type =“ checkbox”,则在页面加载时已经选择了它。
disabled disabled 禁用输入控件。
formhtml-5 form_id 指定一种或多种形式
formaction html-5 URL 指定提交表单时将处理输入控件的文件的URL
formenctypehtml-5

application/x-www-form-urlencoded

multipart/form-data

text/plain

指定将表单数据提交到服务时应如何编码
formmethod html-5 post
get
定义用于将数据发送到操作URL的HTTP方法
formnovalidate html-5 formnovalidate 定义在提交时不应验证表单元素
formtarget html-5 _blank
_self
_parent
_top
指定提交表单后将在其中显示响应的目标
height html-5 pixels 指定高度
list html-5 datalist_id 指定<datalist>元素,该元素包含<input>元素的预定义选项
max html-5 autofocus 指定最大值。
maxlength number 定义文本字段中允许的最大字符数
min html-5 number 指定最小值。
multiple html-5 multiple 指定用户可以输入多个值
name text 为输入控件分配一个名称。
pattern html-5 regexp 指定用于检查<input>元素值的正则表达式
placeholder html-5 text 指定描述期望值的简短提示。
readonly readonly 将输入控件设置为只读。不允许用户更改值。但是,该控件可以获得焦点,并在通过表单控件进行制表时会包括在内。
required html-5 required 指定在提交表单之前必须填写输入字段
size number 指定控件的宽度。如果是type =“ text”或type =“ password”,则表示字符宽度。否则,以像素为单位。
src URL 定义要显示的图像的URL。仅用于type =“ image”。
step html-5 number 步长
type button
checkboxcolor
date
datetime
datetime-local
email
file
hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week
指定控件的类型。
value text 指定控件的初始值。type=“checkbox”或type=“radio”,此属性是必需的。
width html-5 pixels 指定宽度

事件属性

此标签支持 HTML 中描述的所有事件属性。

浏览器支持

Chrome Firefox IE Opera Safari Android
Yes Yes Yes Yes Yes Yes

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

如何设计一个秒杀系统 -〔许令波〕

数据分析实战45讲 -〔陈旸〕

玩转webpack -〔程柳锋〕

说透中台 -〔王健〕

MongoDB高手课 -〔唐建法(TJ)〕

流程型组织15讲 -〔蒋伟良〕

运维监控系统实战笔记 -〔秦晓辉〕

快速上手C++数据结构与算法 -〔王健伟〕

结构思考力 · 透过结构看问题解决 -〔李忠秋〕

好记忆不如烂笔头。留下您的足迹吧 :)