输入标记<INPUT>
2011-09-26 19:40
309 查看
输入标记<INPUT>是表单中最常用的标记之一,常用的文本域,按钮等等都使用这个标记。
基本语法:
name:域的名称
type:域的类型
type中可以包含的值:
TEXT:文字域
PASSWORD:密码域
FILE:文件域
CHECKBOX:复选框
RADIO:单选框
BUTTON:普通按钮
SUBMIT:提交按钮
RESET:重置按钮
HIDDEN:隐藏域
IMAGE:图像域(图像提交按钮)
下面一个个说。。。。。。。。。。。。。。
TEXT文字域
TEXT属性值用来设定在表单的文本域中,输入任何类型的文本,数字或字母。输入的内容以单行显示。
基本语法:
name:文字域的名称
maxlength:文字域的最大输入字符数
size:文字域的宽度(以字符为单位)
value:文字域的默认值
PASSWORD密码域
密码域和文字域很像,区别是输入到文本框中的文字均以星号"*"或圆点显示。
基本语法:
name:文字域的名称
maxlength:文字域的最大输入字符数
size:文字域的宽度(以字符为单位)
FILE文件域
文件域可以让用户在域的内部填写自己硬盘中的文件路径,然后通过表单上传,这是文件域的基本功能。
文件域的外观是一个文本框加一个浏览按钮,用户既可以直接将要上传给网站的文件的路径写在文本框中,也可以单击浏览按钮,在自己的电脑中找到要上传的文件。
基本语法:
CHECKBOX复选框
可以在若干选项中选择多个项目,称为多选框。以一个方框表示。
基本语法:
checked:表示此项被默认选中
value:表示选中项目后传送到服务器端的值
RADIO单选框
单选框能够进行项目的单项选择,以一个圆框表示。
基本语法:
其中,每一个单选框的名称是相同的,有其独立的值,默认选中的可以加上checked。
value:表示选中该项后传送到服务器端的值
BUTTON普通按钮
表单中的按钮起着至关重要的作用,按钮可以激发提交表单的动作,可以在用户需要修改表单的时候,将表单恢复到初始的状态,还可以依照程序的需要,发挥其他作用。
普通按钮主要是配合Javascript脚本来进行表单的处理。
基本语法:
value:显示在按钮上面的文字。
SUBMIT提交按钮
单击提交按钮后,可以实现表单内容的提交。
基本语法:
value:显示在按钮上面的文字。
RESET重置按钮
单击重置按钮后,可以清除表单的内容,恢复默认的表单内容设定。
基本语法:
value:显示在按钮上面的文字。
IMAGE图像域
图像域是可以用在提交按钮位置上的图片,这幅图片具有按钮的功能。使用默认的按钮形式往往会让人觉得单调。如果网页使用了较为丰富的色彩,或稍微复杂的设计,再使用表单默认的按钮形式甚至会破坏整体的美感。这时,可以使用图像域,创建和网页整体效果相同意的图像提交按钮。
基本语法:
HIDDEN隐藏域
隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候,隐藏域的信息也一起被发送到服务器。
基本语法:
隐藏域并不会显示结果,只是用于传送数据的标记。
基本语法:
<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">
隐藏域并不会显示结果,只是用于传送数据的标记。
相关文章推荐
- <input>禁止键盘及中文输入
- <input>标签 只输入 数字 int类型
- <input type="text" value="">实现输入提示
- css相关,鼠标点击<input>输入域后出现有颜色的边框
- <Input>标记
- <input>禁止键盘及中文输入
- 使用jquery获取<input>输入的值
- JSP <Input>标记中 文本框text中 size 和 maxlength的区别
- 关于Html5中<input type="number" name="points" min="1" max="10" />只能输入整数的问题
- <input>中中文输入时input事件处理
- <button>与<input type="button">在火狐下区别 ajax请求
- IE11也不再支持document.createElement("<input type='file' name='upload'/>");
- 文本编辑器<四>键盘输入
- <文件>输入
- <input autocomplete="off" />属性
- android支持html的<input type="file">标签
- <input type="text"> and <html:text> 禁止复制
- HTML 5 <input> disabled 属性
- <head>标记
- 设置<input type="text">的默认值