输入标记<INPUT>是表单中最常用的标记之一,常用的文本域,按钮等等都使用这个标记。
基本语法:
<FORM>
<input name = "field_name" type = "type_name">
</FORM>
name:域的名称
type:域的类型
type中可以包含的值:
TEXT:文字域
PASSWORD:密码域
FILE:文件域
CHECKBOX:复选框
RADIO:单选框
BUTTON:普通按钮
SUBMIT:提交按钮
RESET:重置按钮
HIDDEN:隐藏域
IMAGE:图像域(图像提交按钮)
下面一个个说。。。。。。。。。。。。。。
- 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)>
checked:表示此项被默认选中
value:表示选中项目后传送到服务器端的值
- RADIO单选框
基本语法:
<input type = "radio" name = "field_name" value = "value"(checked)>
其中,每一个单选框的名称是相同的,有其独立的值,默认选中的可以加上
checked。
value:表示选中该项后传送到服务器端的值
- BUTTON普通按钮
普通按钮主要是配合Javascript脚本来进行表单的处理。
基本语法:
<input type = "button" name = "field_name" value = "button_text">
value:显示在按钮上面的文字。
- SUBMIT提交按钮
基本语法:
<input type = "submit" name = "field_name" value = "button_text">
value:显示在按钮上面的文字。
- RESET重置按钮
基本语法:
<input type = "reset" name = "field_name" value = "button_text">
value:显示在按钮上面的文字。
- IMAGE图像域
基本语法:
<input type = "image" name = "field_name" src = "image_url">
- HIDDEN隐藏域
基本语法:
<input type = "hidden" name = "field_name" value = "value">