当前位置: 首页 > 文档资料 > HTML 入门教程 >

<input>

优质
小牛编辑
120浏览
2023-12-01

描述 (Description)

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

例子 (Example)

<!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>

全局属性 (Global Attributes)

此标记支持 - HTML Attribute Reference描述的所有全局属性

具体属性 (Specific Attributes)

HTML 《input》标记还支持以下附加属性 -

属性描述
accept内容类型指定服务器接受的以逗号分隔的内容类型列表。
alignleft right top middle bottomDeprecated - 定义内容的对齐方式
alttext这指定了在浏览器/用户代理无法呈现输入控件的情况下使用的文本。
自动完成 HTML-5onoff指定在《input》元素中启用或禁用自动完成功能
自动对焦 HTML-5autofocus在页面加载时,《input》元素应自动获得焦点
checkedchecked如果type =“radio”或type =“checkbox”,则在页面加载时已经选择了它。
disableddisabled禁用输入控件。 该按钮不接受用户的更改。 它也无法获得焦点,并且在标签时会被跳过。
形成 HTML-5form_id指定一个或多个表单
formaction HTML-5URL指定在提交表单时将处理输入控件的文件的URL
formenctype HTML-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指定在提交表单后将显示响应的目标
高度 HTML-5pixels指定高度
名单 HTML-5datalist_id指定包含《input》元素的预定义选项的元素
最大 HTML-5autofocus指定最大值。
maxlengthnumber定义文本字段中允许的最大字符数
HTML-5number指定最小值。
HTML-5multiple指定用户可以输入多个值
nametext为输入控件指定名称。
图案 HTML-5regexp指定一个正则表达式,检查《input》元素的值
占位符 HTML-5text指定描述预期值的简短提示。
readonlyreadonly将输入控件设置为只读。 它不允许用户更改值。 但是,控件可以获得焦点,并在通过表单控件进行选项卡时包含。
需要 HTML-5required指定在提交表单之前必须填写输入字段
sizenumber指定控件的宽度。 如果type =“text”或type =“password”,则表示以字符为单位的宽度。 否则就是像素。
srcURL定义要显示的图像的URL。 仅用于type =“image”。
HTML-5number指定输入字段的合法编号间隔
type按钮checkboxcolor日期datetime datetime-本地电子邮件文件隐藏图像月号密码无线电范围重置搜索提交电子文本时间网址周指定控件的类型。
valuetext指定control的初始值。如果type =“checkbox”或type =“radio”,则此属性是必需的。
宽度 HTML-5pixels指定宽度

事件属性 (Event Attributes)

此标记支持HTML Events Reference中描述的所有事件属性

浏览器支持 (Browser Support)

ChromeFirefoxIEOperaSafariAndroid
YesYesYesYesYesYes