现在的位置: 首页 > 综合 > 正文

输入标记

2013年10月13日 ⁄ 综合 ⁄ 共 1888字 ⁄ 字号 评论关闭

输入标记<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)>
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">

隐藏域并不会显示结果,只是用于传送数据的标记。

抱歉!评论已关闭.