<input> - Tags Reference介绍 首页HTML<输入>

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>标签还支持以下附加属性-

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

application/x-www-form-urlencoded

multipart/form-data

text/plain

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

事件属性

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

浏览器支持

ChromeFirefoxIEOperaSafariAndroid
YesYesYesYesYesYes

这一章你学到了什么?做个笔记,好记忆不如烂笔头! 请将遇到的问题写入评论区中,大家一起进步。

祝学习愉快!(您也可以 选中需要修改的内容->右键->进行编辑)

点我分享笔记