输入标记<INPUT>是表单中最常用的标记之一,常用的文本域,按钮等等都使用这个标记。
基本语法:
<FORM> <input name = "field_name" type = "type_name"> </FORM>
name:域的名称
type:域的类型
type中可以包含的值:
TEXT:文字域
PASSWORD:密码域
FILE:文件域
CHECKBOX:复选框
RADIO:单选框
BUTTON:普通按钮
SUBMIT:提交按钮
RESET:重置按钮
HIDDEN:隐藏域
IMAGE:图像域(图像提交按钮)
下面一个个说。。。。。。。。。。。。。。
- TEXT文字域
TEXT属性值用来设定在表单的文本域中,输入任何类型的文本,数字或字母。输入的内容以单行显示。
基本语法:
<input type = "text" name = "field_name" maxlength = "value" size = "value" value = "field_value">
name:文字域的名称
maxlength:文字域的最大输入字符数
size:文字域的宽度(以字符为单位)
value:文字域的默认值
- PASSWORD密码域
密码域和文字域很像,区别是输入到文本框中的文字均以星号"*"或圆点显示。
基本语法:
<input type = "password" name = "field_name" maxlength = "value" size = "value">
name:文字域的名称
maxlength:文字域的最大输入字符数
size:文字域的宽度(以字符为单位)
- FILE文件域
文件域可以让用户在域的内部填写自己硬盘中的文件路径,然后通过表单上传,这是文件域的基本功能。
文件域的外观是一个文本框加一个浏览按钮,用户既可以直接将要上传给网站的文件的路径写在文本框中,也可以单击浏览按钮,在自己的电脑中找到要上传的文件。
基本语法:
<input type = "file" name = "field_name">
- CHECKBOX复选框
可以在若干选项中选择多个项目,称为多选框。以一个方框表示。
基本语法:
<input type = "checkbox" name = "field_name" value = "value"(checked)>
- RADIO单选框
单选框能够进行项目的单项选择,以一个圆框表示。
基本语法:
<input type = "radio" name = "field_name" value = "value"(checked)>
- BUTTON普通按钮
表单中的按钮起着至关重要的作用,按钮可以激发提交表单的动作,可以在用户需要修改表单的时候,将表单恢复到初始的状态,还可以依照程序的需要,发挥其他作用。
基本语法:
<input type = "button" name = "field_name" value = "button_text">
- SUBMIT提交按钮
单击提交按钮后,可以实现表单内容的提交。
基本语法:
<input type = "submit" name = "field_name" value = "button_text">
- RESET重置按钮
单击重置按钮后,可以清除表单的内容,恢复默认的表单内容设定。
基本语法:
<input type = "reset" name = "field_name" value = "button_text">
- IMAGE图像域
图像域是可以用在提交按钮位置上的图片,这幅图片具有按钮的功能。使用默认的按钮形式往往会让人觉得单调。如果网页使用了较为丰富的色彩,或稍微复杂的设计,再使用表单默认的按钮形式甚至会破坏整体的美感。这时,可以使用图像域,创建和网页整体效果相同意的图像提交按钮。
基本语法:
<input type = "image" name = "field_name" src = "image_url">
- HIDDEN隐藏域
隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候,隐藏域的信息也一起被发送到服务器。
基本语法:
<input type = "hidden" name = "field_name" value = "value">
隐藏域并不会显示结果,只是用于传送数据的标记。