﹤input.../﹥ 元素是表单控件中功能最丰富的,如下几种输入元素都是通过﹤input.../﹥元素生成的。
单行文本框:指定﹤input.../﹥元素的 type 属性为 text 即可。
密码输入框:指定﹤input.../﹥元素的 type 属性为 passiword 即可。
隐藏域:指定﹤input.../﹥元素的 type 属性为 hidden 即可。
单选框:指定﹤input.../﹥元素的 type 属性为 radio 即可。
复选框:指定﹤input.../﹥元素的 type 属性为 checkbox 即可。
图像域:指定﹤input.../﹥元素的 type 属性为 image 即可。当 type="image”时,可以为﹤input.../﹥元素指定 width 和height 两个属性。
文件上传域:指定﹤input.../﹥元素的 type 属性为 file 即可。
提交、重设、无动作按钮:分别指定﹤input.../﹥元素的 type 属性为 submit、reset或 button 即可。
在上面这些表单控件中,单行文本框、密码输入框都用于接收用户输入,而隐藏域不能接收用户输入,也不能生成可视化部分,它用于提交额外的请求参数,请求参数的值就是该隐藏域的 value 属性值,因此定义隐藏域的同时应指定 value 屆性值。
单选框、复选框不能接收用户输入,因此定义它们时同时也会指定 value 属性值,用于设置它们所对应的请求参数值。对于单选框、复选框而言,当它们被勾选后,它们才会生成对应的请求参数。
文件上传域会生成一个单行文本框和一个“浏览”按钮,该文件上传域允许用户浏览本地磁盘文件,并将该文件上传到服务器。
图像域和提交按钮的作用基本一样,单击它们都会导致表单被提交,区别是图像域是个图像按钮。
重设按钮的作用是清空表单内用户的输入,将表单内所有表单控件的值恢复到初始状态。
无动作按钮,看它的名称就知道,它只是一个按钮,在默认情况下,单击该按钮对表单不会有任何作用。通常我们可以为该按钮编写 JavaScript 脚本来响应它的单击、双击等事件。
﹤input.../﹥元素可以指定 id、style、class 等核心属性,也可以指定 onclick 等事件属性,还可以指定 onfocus、onblur 等焦点事件属性。除此之外,还可以指定如下几个属性。
checked:设置单选框、复选框初始状态是否处于选中状态,该属性值只能是checked,表示初始即被选中。只有当type 属性值为 checkbox 或 radio 时才可指定该属性。
disabled:设置首次加载时禁用此元素。该属性值只能是 disabled,表示该元素被禁用,则该元素无法获得输入焦点、无法选中、无法在其中输入文本,无法响应鼠标单击、双击等事件。当type="hidden"时不能指定该属性。
maxlength:该属性值是一个数字,指定文本框中所允许输入的最大字符数。
readonly:指定该文本框内的值不允许用户修改(可以使用 Java Script 脚本修改)。
size:该属性值是一个数字,指定该元素的宽度。当type="hidden”时不能指定该属性。
src:指定图像域所显示图像的 URL,只有当 type=“image"时才可指定该属性。