您现在的位置: 365建站网 > 建站教程 > html教程 > HTML <input> 标签

HTML <input> 标签

此节有 171 人学习过     参与评论

定义和用法

<input> 标签用于搜集用户信息。

根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

实例

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

<form action="form_action.html" method="get">
  First name: <input type="text" name="fname" />
  Last name: <input type="text" name="lname" />
  <input type="submit" value="Submit" />
</form>

亲自试一试

(您可以在页面底部找到更多实例)

HTML 与 XHTML 之间的差异

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

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

浏览器支持

所有浏览器都支持 <input> 标签。

可选的属性

DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

属性 描述 DTD
accept mime_type 规定通过文件上传来提交的文件的类型。 STF
align
  • left
  • right
  • top
  • middle
  • bottom
不赞成使用。规定图像输入的对齐方式。 TF
alt text 定义图像输入的替代文本。 STF
checked checked 规定此 input 元素首次加载时应当被选中。 STF
disabled disabled 当 input 元素加载时禁用此元素。 STF
maxlength number 规定输入字段中的字符的最大长度。 STF
name field_name 定义 input 元素的名称。 STF
readonly readonly 规定输入字段为只读。 STF
size number_of_char 定义输入字段的宽度。 STF
src URL 定义以提交按钮形式显示的图像的 URL。 STF
type
  • button
  • checkbox
  • file
  • hidden
  • image
  • password
  • radio
  • reset
  • submit
  • text
规定 input 元素的类型。 STF
value value 规定 input 元素的值。 STF

标准属性

id, class, title, style, dir, lang, XML:lang

如需完整的描述,请访问标准属性

事件属性

tabindex, accesskey, onfocus, onblur, onselect, onchange, 
onclick, ondblclick, onmousedown, onmouseup, onmouSEOver, 
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

如需完整的描述,请访问事件属性

TIY 实例

文本域(Text fields)
本例演示如何在 HTML 页面创建文本域。用户可以在文本域写入文本。
密码域
本例演示如何创建 HTML 的密码域。
复选框
本例演示如何在 HTML 页中创建文本框。用户可以选中或取消选取复选框。
单选按钮
本例演示如何在 HTML 中创建单选按钮。
简单的下拉列表
本例演示如何在 HTML 页面中创建简单的下拉列表框。下拉列表框是一个可选列表。
另一个下拉列表
本例演示如何创建一个简单的带有预选值的下拉列表。(译者注:预选值指预先指定的首选项。)
文本域(Textarea)
本例演示如何创建一个文本域(多行文本输入控制)。用户可以在文本域中写入文本。在文本域中,可写入的字符字数不受限制。
创建按钮
本例演示如何创建按钮。你可以对按钮上的文字进行自定义。
围绕数据的Fieldset
本例演示如何在数据周围绘制一个带标题的框。
带有输入框和确认按钮的表单
本例演示如何向页面添加表单。此表单包含两个输入框和一个确认按钮。
带有复选框的表单
此表单包含两个复选框和一个确认按钮。
带有单选按钮的表单
此表单包含两个单选框和一个确认按钮。
从表单发送电子邮件
此例演示如何从表单发送电子邮件。

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

您可能感兴趣的文章:


发表评论 (171人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------
html教程目录