京东内部优惠券!扫描二维码领取!

×
京东优惠券精选

HTML标签大全

HTML注释标签HTML DOCTYPE标签HTML a标签HTML abbr标签HTML acronym标签HTML address标签HTML area标签HTML applet标签HTML article标签HTML aside标签HTML audio标签HTML b加粗标签HTML base标签HTML5 bdi标签HTML basefont标签HTML bdo标签HTML big标签HTML blockquote标签HTML body标签HTML br标签HTML button标签HTML canvas标签HTML caption标签HTML center标签HTML cite标签HTML code标签HTML col标签HTML colgroup标签HTML command标签HTML datalist标签HTML dd标签HTML del标签HTML details标签HTML dfn标签HTML dialog标签HTML dir标签HTML dl标签HTML div标签HTML em标签HTML embed标签HTML fieldset 标签HTML figcaption 标签HTML figure 标签HTML font 标签HTML footer 标签HTML frame 框架HTML frameset 标签HTML head 标签HTML header 标签HTML5 hgroup 标签HTML h1-h6 标题标签HTML hr 标签HTML i 标签HTML iframe 标签HTML img 标签HTML input 标签HTML ins 标签HTML kbd 标签HTML5 keygen 标签HTML label 标签HTML legend 标签HTML li 标签HTML link 标签HTML map 标签HTML5 mark 标签HTML meta 标签HTML menu 标签HTML meter 标签HTML nav 标签HTML noframes 标签HTML noscript 标签HTML object 标签HTML ol 标签HTML optgroup 标签HTML option 属性HTML output 用法HTML p 段落标签HTML param 标签HTML pre 标签HTML html 标签HTML q 标签HTML5 progress 标签HTML5 rp 标签HTML5 rt 标签HTML5 ruby 标签HTML s 标签HTML samp 标签HTML section 标签HTML script 标签HTML select 标签HTML small 标签HTML source 标签HTML span 标签HTML strike 标签HTML strong 标签HTML sub 标签HTML style 标签HTML summary 标签HTML sup 标签HTML table 标签HTML tbody 标签HTML td 标签HTML tfoot 标签HTML textarea 标签HTML th 标签HTML thead 标签HTML time 标签HTML title 标签HTML tr 标签HTML tt 标签HTML track 标签HTML u 标签HTML ul 标签HTML var 标签HTML video 标签HTML wbr 标签

HTML input 标签

HTML input 标签

实例

一个简单的 HTML 表单,包含两个文本输入框和一个提交按钮:

<form
action="demo_form.asp">
 
First name: <input type="text" name="fname"><br>
 
Last name:
<input type="text" name="lname"><br>
 
<input type="submit" value="Submit">
</form>


浏览器支持

目前大多数浏览器支持 <input>标签。


HTML input type

属性值如下表:

描述
button定义可点击的按钮(大多与 JavaScript 使用来启动脚本)
checkbox定义复选框。
color定义拾色器。
date定义日期字段(带有 calendar 控件)
datetime定义日期字段(带有 calendar 和 time 控件)
datetime-local定义日期字段(带有 calendar 和 time 控件)
month定义日期字段的月(带有 calendar 控件)
week定义日期字段的周(带有 calendar 控件)
time定义日期字段的时、分、秒(带有 time 控件)
email定义用于 e-mail 地址的文本字段
file定义输入字段和 "浏览..." 按钮,供文件上传
hidden定义隐藏输入字段
image定义图像作为提交按钮
number定义带有 spinner 控件的数字字段
password定义密码字段。字段中的字符会被遮蔽。
radio定义单选按钮。
range定义带有 slider 控件的数字字段。
reset定义重置按钮。重置按钮会将所有表单字段重置为初始值。
search定义用于搜索的文本字段。
submit定义提交按钮。提交按钮向服务器发送数据。
tel定义用于电话号码的文本字段。
text默认。定义单行输入字段,用户可在其中输入文本。默认是 20 个字符。
url定义用于 URL 的文本字段。


HTML input不可编辑

方法1:readonly 

<input type="text" name="input1" value="中国" readonly> 
<input type="text" name="input1" value="中国" readonly="true">

方法32:disabled 

<input type="text" name="input1" value="中国" disabled="true">



标签定义及使用说明

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

<input> 元素在 <form> 元素中使用,用来声明允许用户输入数据的 input 控件。

输入字段可通过多种方式改变,取决于 type 属性。


提示和注释

注意: <input> 元素是空的,它只包含标签属性。

提示: 你可以使用 <label> 元素来定义 <input> 元素的标注。


HTML 4.01 与 HTML5之间的差异

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

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


HTML 与 XHTML 之间的差异

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

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


HTML input属性

New : HTML5新标签。

属性描述
acceptaudio/* video/* image/*MIME_type规定通过文件上传来提交的文件的类型。 (只针对type="file")
alignleft right top middle bottomHTML5已废弃,不赞成使用。规定图像输入的对齐方式。 (只针对type="image")
alttext定义图像输入的替代文本。 (只针对type="image")
autocompleteNewon offautocomplete 属性规定 <input> 元素输入字段是否应该启用自动完成功能。
autofocusNewautofocus属性规定当页面加载时 <input> 元素应该自动获得焦点。
checkedcheckedchecked 属性规定在页面加载时应该被预先选定的 <input> 元素。 (只针对 type="checkbox" 或者 type="radio")
disableddisabledisabled 属性规定应该禁用的 <input> 元素。
formNewform_idform 属性规定 <input> 元素所属的一个或多个表单。
formactionNewURL属性规定当表单提交时处理输入控件的文件的 URL。(只针对 type="submit" 和 type="image")
formenctypeNewapplication/x-www-form-urlencoded multipart/form-data text/plain属性规定当表单数据提交到服务器时如何编码(只适合 type="submit" 和 type="image")。
formmethodNewget post定义发送表单数据到 action URL 的 HTTP 方法。 (只适合 type="submit" 和 type="image")
formnovalidateNewformnovalidateformnovalidate 属性覆盖 <form> 元素的 novalidate 属性。
formtargetNew_blank _self _parent _topframename规定表示提交表单后在哪里显示接收到响应的名称或关键词。(只适合 type="submit" 和 type="image")
heightNewpixels规定 <input>元素的高度。(只针对type="image")
listNewdatalist_id属性引用 <datalist> 元素,其中包含 <input> 元素的预定义选项。
maxNewnumber date属性规定 <input> 元素的最大值。
maxlengthnumber属性规定 <input> 元素中允许的最大字符数。
minNewnumber date属性规定 <input>元素的最小值。
multipleNewmultiple属性规定允许用户输入到 <input> 元素的多个值。
nametextname 属性规定 <input> 元素的名称。
patternNewregexppattern 属性规定用于验证 <input> 元素的值的正则表达式。
placeholderNewtextSplaceholder 属性规定可描述输入 <input> 字段预期值的简短的提示信息 。
readonlyreadonlyreadonly 属性规定输入字段是只读的。
requiredNewrequired属性规定必需在提交表单之前填写输入字段。
sizenumbersize 属性规定以字符数计的 <input> 元素的可见宽度。
srcURLsrc 属性规定显示为提交按钮的图像的 URL。 (只针对 type="image")
stepNewnumberstep 属性规定 <input> 元素的合法数字间隔。
typebutton checkbox
color
date
datetime
datetime-local
email
file
hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week
type 属性规定要显示的 <input> 元素的类型。
valuetextSpecifies the value of an <input> element
widthNewpixelsvalue 属性规定 <input> 元素的值。 (只针对type="image")


全局属性

<input> 标签支持全局属性,查看完整属性表 HTML全局属性。


事件属性

<input> 标签支持所有 HTML事件属性。

微信扫一扫,有福利

微信关注