html教程41：使用input标签制作表单输入框

讲师：瑞德威(赵老师)

html标记语言 视频教程

第二十课 使用input标签制作输入框表单

1、input标签

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

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

input标签常用属性：

属性  值  描述

name  field_name 定义 input 元素的名称。
type  text(默认) 规定 input 元素的类型。
   checkbox
   file
   hidden
   image
  password
   radio
   reset
   submit
   button
value  value  规定 input 元素的值。
size  number_of_char 定义输入字段的宽度。
maxlength number  规定输入字段中的字符的最大长度。
min  number/date 规定输入字段的最小值。与 "max" 属性配合创建合法值的范围。
readonly readonly 规定输入字段为只读。
src  URL  定义以提交按钮形式显示的图像的 URL。

2、Text 对象

Text 对象代表 HTML 表单中的文本输入域。

在 HTML 表单中 <input type="text"> 每出现一次，Text 对象就会被创建。

该元素可创建一个单行的文本输入字段。当用户编辑显示的文本并随后把输入焦点转移到其他元素的时候，会触发 onchange 事件句柄。

您可以通过表单的 elements[] 数组来访问文本输入域，或者通过使用 document.getElementById()。

例如：

<input type="text" name="username" value="" />