好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

HTML <input> 标签

html <input> 标签 设置了 用户 可以在其中输入数据的输入字段

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

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

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

可以使用?<label>?元素来定义 <input> 元素的标注

属性 @H_ 403 _13@ 属性 值 描述 accept au dio / *
video/ *
image/ *
MIME_type 设置通过 文件 上传 来提交的 文件 的类型,只针对type="file" align left
right
top
middle
b ott om html5 已废弃,不赞成使用
设置图像输入的对齐方式,只针对 type="image" alt text 定义图像输入的替代文本,只针对type="image" autocomplete on
off autocomplete 属性 设置 <input> 元素输入字段是否应该启用 自动 完成 功能 autofocus autofocus 属性 设置当 页面 加载时 <input> 元素应该 自动 获得焦点 checked checked checked 属性 设置在 页面 加载时应该被预先选定的 <input> 元素。 (只针对 type="check Box " 或者 type="ra dio ") dis abled dis abled dis abled 属性 设置应该禁用的 <input> 元素 form form_id form 属性 设置 <input> 元素所属的 一个 或多个表单 formaction URL 属性 设置当表单提交时处理输入控件的 文件 的 URL。(只针对 type="submit" 和 type="image") formenctype application/x-www-form-urlencoded
multipart/form-data
text/plain 属性 设置当表单数据提交到服务器时如何编码(只适合 type="submit" 和 type="image") formmethod get
post 定义发送表单数据到 action URL 的 HTTP 方法 。 (只适合 type="submit" 和 type="image") formn oval idate formn oval idate formn oval idate 属性 覆盖 <form> 元素的 n oval idate 属性 formtarget _blank
_self
_parent
_top
framename 设置表示提交表单后在哪里 显示 接收到响应的 名称 或关键词。(只适合 type="submit" 和 type="image") height pixels 设置 <input>元素的高度。(只针对type="image") list datalist_id 属性 引用 <datalist> 元素,其中包含 <input> 元素的预定义选项 max number

date 属性 设置 <input> 元素的最大值 maxlength number 属性 设置 <input> 元素中允许的最大字符数 min number

date 属性 设置 <input>元素的最小值 multiple multiple 属性 设置允许 用户 输入到 <input> 元素的多个值 name text name 属性 设置 <input> 元素的 名称 pattern regexp pattern 属性 设置用于验证 <input> 元素的值的正则表达式 placeholder text placeholder 属性 设置可描述输入 <input> 字段预期值的简短的 提示 信息
readonly readonly readonly 属性 设置输入字段是只读的 required required 属性 设置必需在提交表单之前填写输入字段 size number size 属性 设置以字符数计的 <input> 元素的可见宽度 src URL src 属性 设置 显示 为提交按钮的图像的 URL
只针对 type="image" step number step 属性 设置 <input> 元素的合法数字间隔 type button
check Box
color
date
datetime
datetime-local
email
file
hidden
image
month
number
password
ra dio
range
reset
search
submit
tel
text
time
url
week type 属性 设置要 显示 的 <input> 元素的类型 value text 指定 <input> 元素 value 的值 width pixels width 属性 设置 <input> 元素的宽度
只针对 type="image"


范例

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

<form?action="/dy/html/getpost">
????F irs t?name:?<input?type="text"?name="fname"><br>
????Last?name:?
????<input?type="text"?name="lname"><br>
????<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事件 属性

HTML <ins> 标签 ? ?HTML <img> 标签

查看更多关于HTML <input> 标签的详细内容...

  阅读:45次

上一篇

下一篇

第1节:HTML <!--...--> 注释标签    第2节:HTML <!DOCTYPE> 声明    第3节:HTML <address> 标签    第4节:HTML <abbr> 标签    第5节:HTML <area> 标签    第6节:HTML <a> 标签    第7节:HTML <aside> 标签    第8节:HTML <article> 标签    第9节:HTML <audio> 标签    第10节:HTML <b> 标签    第11节:HTML <base> 标签    第12节:HTML <bdi> 标签    第13节:HTML <bdo> 标签    第14节:HTML <blockquote> 标签    第15节:HTML <caption> 标签    第16节:HTML <cite> 标签    第17节:HTML <button> 标签    第18节:HTML <colgroup> 标签    第19节:HTML <details> 标签    第20节:HTML <del> 标签    第21节:HTML <col> 标签    第22节:HTML <code> 标签    第23节:HTML <command> 标签    第24节:HTML <br/> 标签    第25节:HTML <dd> 标签    第26节:HTML <canvas> 标签    第27节:HTML <body> 标签    第28节:HTML <dialog> 标签    第29节:HTML <datalist> 标签    第30节:HTML <dfn> 标签    第31节:HTML <header> 标签    第32节:HTML <figure> 标签    第33节:HTML <font> 标签    第34节:HTML <footer> 标签    第35节:HTML <head> 标签    第36节:HTML <form> 标签    第37节:HTML <div> 标签    第38节:HTML <dl> 标签    第39节:HTML <dt> 标签    第40节:HTML <em> 标签    第41节:HTML <fieldset> 标签    第42节:HTML <h1> - <h6> 标签    第43节:HTML <html> 标签    第44节:HTML <hr> 标签    第45节:HTML <i> 标签    第46节:HTML <img> 标签    第47节:HTML <input> 标签    第48节:HTML <kbd> 标签    第49节:HTML <embed> 标签    第50节:HTML <figcaption> 标签    第51节:HTML <ins> 标签    第52节:HTML <link> 标签    第53节:HTML <li> 标签    第54节:HTML <meta> 标签    第55节:HTML <map> 标签    第56节:HTML <menu> 标签    第57节:HTML <nav> 标签    第58节:HTML <meter> 标签    第59节:HTML <noscript> 标签    第60节:HTML <keygen> 标签    第61节:HTML <legend> 标签    第62节:HTML <label> 标签    第63节:HTML5 <hgroup>标签    第64节:HTML <option> 标签    第65节:HTML <object> 标签    第66节:HTML5 <mark> 标签    第67节:HTML <ol> 标签    第68节:HTML <pre> 标签    第69节:HTML <s> 标签    第70节:HTML <samp> 标签    第71节:HTML <script> 标签    第72节:HTML <p> 标签    第73节:HTML <param> 标签    第74节:HTML <progress> 标签    第75节:HTML <q> 标签    第76节:HTML <rp> 标签    第77节:HTML <optgroup> 标签    第78节:HTML <output> 标签    第79节:HTML <rt> 标签    第80节:HTML <select> 标签    第81节:HTML <style> 标签    第82节:HTML <textarea> 标签    第83节:HTML <th> 标签    第84节:HTML <tfoot> 标签    第85节:HTML <section> 标签    第86节:HTML <source> 标签    第87节:HTML <span> 标签    第88节:HTML <strong> 标签    第89节:HTML <ruby> 标签    第90节:HTML <small> 标签    第91节:HTML <strike> 标签    第92节:HTML <sub> 标签    第93节:HTML <track> 标签    第94节:HTML <tt> 标签    第95节:HTML <u> 标签    第96节:HTML <ul> 标签    第97节:HTML <var> 标签    第98节:HTML <summary> 标签    第99节:HTML <sup> 标签    第100节:HTML <table> 标签    第101节:HTML <tbody> 标签    第102节:HTML <td> 标签    第103节:HTML <video> 标签    第104节:HTML <wbr> 标签    第105节:HTML <tr> 标签    第106节:HTML <title> 标签    第107节:HTML <time> 标签    第108节:HTML <thead> 标签