html的input几种type类型的内容。

html的input几种type类型的内容。

input的button类型：
 普通按钮,当这个按钮被点击时,就会调用属性onclick指定的函数;在使用这个按钮时,一般配合使用value指定在它上面显示的文字,用onclick指定一个函数,一般为JavaScript的一个事件。 这三个按钮有下面共同的属性：
(1)name 指定按钮名称
(2)value 指定按钮表面显示的文字
(3)onclick 指定单击按钮后要调用的函数
(4)onfocus 指定按钮接受焦点时要调用的函数

<input type="SUBMIT">提交到服务器的按钮,当这个按钮被点击时,就会连接到表单form属性action指定的url地址。 
<input type="RESET"> 重置按钮,单击该按钮可将表单内容全部清除,重新输入数据。

<inputtype="CHECKBOX" checked>

一个复选框,checked属性用来设置该复选框缺省时是否被选中,右边示例中使用了三个复选框 checkbox用于多选

有以下属性:
(1) name 定义控件名称
(2) value 定义控件的值
(3) checked 设定控件初始状态是被选中的
(4) onclick 定义控件被选中时要执行的函数
(5) onfocus 定义控件为焦点时要执行的函数

<inputtype="HIDDEN"> //隐藏区域,用户不能在其中输入,用来预设某些要传送的信息 hidden 隐藏控件,用于传递数据,对用户来说是不可见的;

属性有:
(1)name 控件名称,
(2)value 控件默认值
(3)hidden隐藏控件的默认值会随表单一起发送给服务器

例如:
<input type="Hidden" name="ss" value="688"> 
控件的名称设置为ss,设置其数据为"688",当表单发送给服务器后,服务器就可以根据hidden的名称ss,读取value的值688; 
<input type="IMAGE" src="URL"> 使用图像来代替Submit按钮,图像的源文件名由src属性指定,用户点击后,表单中的信息和点击位置的X、Y坐标一起传送给服务器

(1)name 指定图像按钮名称
(2)src 指定图像的url地址

<inputtype="PASSW0RD"> //输入密码的区域,当用户输入密码时,区域内将会显示"*"号 password 口令控件
表示该输入项的输入信息是密码,在文本输入框中显示"*"

属性有:
(1)name 定义控件名称
(2)value 指定控件初始值,该值就是浏览器被打开时在文本框中的内容
(3)size 指定控件宽度,表示该文本输入框所能显示的最大字符数。
(4)maxlength 表示该文本输入框允许用户输入的最大字符数。
 
<input type="RADIO"> //单选按钮类型,checked属性用来设置该单选框缺省时是否被选中,右边示例中使用了三个单选框 radio用于单选

有以下属性:
(1) name 定义控件名称
(2) value 定义控件的值
(3) checked 设定控件初始状态是被选中的
(4) onclick 定义控件被选中时要执行的函数
(5) onfocus 定义控件为焦点时要执行的函数

当为单选项时,所有按钮的name属性必需相同,如:都设置为my_radio。

转载于:https://www.cnblogs.com/suijing/archive/2013/03/01/3379404.html