HTML 标签 HTML <b>字体加粗 标签HTML <big> 大号字体 标签HTML <em> 强调标签HTML <strong> 重要事务标签HTML <dfn>定义实例标签HTML <code> 计算机代码 标签HTML <samp> 计算机输出 标签HTML <kbd> 用户输入 标签HTML <var> 变量 标签HTML <cite> 作品标题 标签HTML <i> 字体斜体 标签HTML <small> 侧记 标签HTML <sup>上标 标签HTML <sub>下标 标签HTML <ins>插入 标签HTML <del>删除 标签HTML <s>删除 标签HTML <strike> 删除标签HTML <u>下划线 标签HTML <tt>打印机文字 标签HTML <pre>预格式化的文本 标签HTML <abbr>缩写体 标签HTML <acronym>首字母缩写 标签HTML <address>联系信息 标签HTML <bdo>覆盖文本方向 标签HTML <blockquote> 长引用 标签HTML <q> 短引用 标签HTML <link> 外部资源 标签HTML <style> 样式标签HTML <title> 标题标签HTML <base>文档根 URL标签HTML <meta> 元数据标签HTML <script> 脚本标签HTML <noscript> 不支持脚本标签HTML <command> 定义命名标签HTML <head> 头部标签HTML <map> 图像映射标签HTML <img> 图像标签HTML <area> 图像映射区域标签HTML <a> 超链接标签HTML <div>块标签HTML <span>局部布局标签HTML <form> 表单 标签HTML <optgroup>选项组 标签HTML <option>选项 标签HTML <select> 下拉列表 标签HTML <datalist> 选项列表 标签HTML <input> 表单交互 标签 HTML <textarea> 多行文本 标签HTML <button> 按钮 标签 HTML <legend> 分组标题 标签HTML <fieldset> 分组 标签 HTML <label> 标识 标签 HTML <h1><h2><h3><h4><h5><h6>标题 标签HTML <hr> 水平线 标签HTML <ol> 有序列表 标签 HTML <li> 列表项 标签HTML <ul> 无序列表 标签HTML <dl>描述列表 标签HTML <dt>描述列表项目名 标签HTML <dd>描述列表子项目 标签HTML <output>输出 标签 HTML <p>段落 标签HTML <table>表格 标签HTML <tr>表格行 标签HTML <th>表标题 标签HTML <td>表单元格 标签HTML <caption>表名称 标签HTML <col>列属性 标签HTML <colgroup>列组合 标签HTML <thead>表格表头 标签HTML <tbody>表格主体 标签HTML <tfoot>表格底部 标签HTML <br>换行 标签HTML <object>对象 标签HTML <iframe>标签HTML <header> 区域页眉 标签HTML <footer> 区域页脚 标签HTML 参考手册 HTML 全局属性HTML 事件属性HTML 世界语言代码缩略词ascii码对照表HTML 完整的 ISO-8859-1 参考手册HTML 符号实体参考手册HTML 字符集HTML URL编码表HTML Canvas 参考手册

HTML <input> 表单交互 标签

<input>标签用于收集用户输入数据,根据不同的 type 属性值,输入字段拥有多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

案例

本案例定义了两个输入字段,一个提交按钮

姓氏:<input type="text" name="xing" value="张">
名字: <input type="text" name="ming" value="三">
<input type="submit" value="提交">

运行代码

注意<input> 标签没有结束标签

支持浏览器

ChromeIEFirefoxsafarioprea

语法

<input>
属性描述
acceptaudio/*  video/*  image/* MIME_type规定通过文件上传来提交的文件的类型。 (只针对type="file")
alignleft right top middle bottomHTML5已废弃,不赞成使用。规定图像输入的对齐方式。 (只针对type="image")
alttext定义图像输入的替代文本。 (只针对type="image")
autocompletehtml5新增on offautocomplete 属性规定 <input> 元素输入字段是否应该启用自动完成功能。
autofocushtml5新增autofocus属性规定当页面加载时 <input>  元素应该自动获得焦点。
checkedcheckedchecked 属性规定在页面加载时应该被预先选定的  <input> 元素。 (只针对 type="checkbox" 或者 type="radio")
disableddisableddisabled 属性规定应该禁用的 <input> 元素。
formhtml5新增form_idform 属性规定 <input> 元素所属的一个或多个表单。
formactionhtml5新增URL属性规定当表单提交时处理输入控件的文件的 URL。(只针对 type="submit" 和 type="image")
formenctypehtml5新增application/x-www-form-urlencoded multipart/form-data text/plain属性规定当表单数据提交到服务器时如何编码(只适合 type="submit" 和 type="image")。
formmethodhtml5新增get post定义发送表单数据到 action URL 的 HTTP 方法。 (只适合 type="submit" 和 type="image")
formnovalidatehtml5新增formnovalidateformnovalidate 属性覆盖 <form> 元素的 novalidate 属性。
formtargethtml5新增_blank _self _parent _topframename规定表示提交表单后在哪里显示接收到响应的名称或关键词。(只适合 type="submit" 和 type="image")
heighthtml5新增pixels规定  <input>元素的高度。(只针对type="image")
widthhtml5新增pixelswidth 属性规定  <input> 元素的宽度。  (只针对type="image")
listhtml5新增datalist_id属性引用  <datalist> 元素,其中包含 <input> 元素的预定义选项。
maxhtml5新增number date属性规定 <input> 元素的最大值。
minhtml5新增number date
属性规定 <input>元素的最小值。
maxlengthnumber属性规定 <input> 元素中允许的最大字符数。
multiplehtml5新增multiple属性规定允许用户输入到 <input> 元素的多个值。
nametextname 属性规定 <input> 元素的名称。
patternhtml5新增regexppattern 属性规定用于验证 <input> 元素的值的正则表达式。
placeholderhtml5新增textplaceholder 属性规定可描述输入 <input> 字段预期值的简短的提示信息 。
readonlyreadonlyreadonly 属性规定输入字段是只读的。
requiredhtml5新增required属性规定必需在提交表单之前填写输入字段。
sizenumbersize 属性规定以字符数计的  <input> 元素的可见宽度。
srcURLsrc 属性规定显示为提交按钮的图像的 URL。 (只针对 type="image")
stephtml5新增numberstep 属性规定 <input> 元素的合法数字间隔。
typetext

hidden

password

email

file

button

checkbox

color

date

datetime

datetime-local

month

time

week

number

image

radio

range

reset

search

submit

tel

url

type 属性规定要显示的  <input> 元素的类型。
valuetext指定 <input> 元素 value 的值。

全局属性

<input>标签支持HTML 全局属性

事件属性

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