<input> type 属性

单行文本域

语法格式：<input type = “text” 属性 = “值” />

常用属性

1 name：文本框的名字。命名规则是：可以包含字母、数字、下划线，只能以字母开头。

2 type：表单元素的类型。

3 value：文本框中的值。

4 size：文本框的长度，以“字符”为单位。

5 maxLength：最多可以输入多少个字符，超出的就输不进去了。

6 readonly：只读属性。可以选中，但不能修改。如：readonly = “readonly”

7 disabled：禁用属性。不能选中，不能修改。如： disabled = “disabled”

举例说明：<input type="text" name="username" />

单行密码域

语法格式：<input type = “password” 属性 = “值” />

常用属性

1 name：密码框的名字。命名规则是：可以包含字母、数字、下划线，只能以字母开头。

2 type：表单元素的类型。

3 value：元素中的值。

4 size：元素的长度，以“字符”为单位。

5 maxLength：最多可以输入多少个字符，超出的就输不进去了。

6 readonly：只读属性。可以选中，但不能修改。如：readonly = “readonly”

7 disabled：禁用属性。不能选中，不能修改。如： disabled = “disabled”

单选按钮

语法格式：<input type = “radio” 属性 = “值” />

常用属性

1 Name：元素的名称

2 Value：元素的值，该value中数据将发往服务器。

3 Checked：默认选择哪一项。如：checked = “checked”

注意：一组单选按钮，只能选择一个，但name的值必须一致。如：name = “sex”

单选按钮用户自己不能输入内容，用户只能选择，因此必须为它指默认值value。

复选框

1 语法格式：<input type = “checkbox” 属性 = “值” />

2 常用属性

3 Name：元素的名称

4 Value：元素的值

5 Checked：默认选中。如：checked = “checked”

注意：复选框也是一组选项，因此name的值必须一致。在PHP中，使用数组来获取多个同名的name的值。

复选框可以同时选多个，也可以一个都不选。

各种按钮

1 提交按钮：<input type="submit" value="提交表单" />

2 重置按钮：<input type="reset" value="重新填写" />

3 图片按钮：<input type="image" src="data:images/btn02.png" /> //功能就是提交表单，与submit按钮功能一样

4 普通按钮：<input type="button" onclick="javascript:window.close()" value="关闭窗口" />

5 普通按钮本身是不具备任何功能的，一般要与JS程序配合使用，实现相应的功能。

隐藏域

功能：隐藏域就是看不见的一个框。传递一些值，而这个值又不想让别人看见。

用处：主要用于PHP后面程序，如：修改某一条新闻内容时，需要传递一个新闻的id号。

语法格式：<input type = “hidden” name = “名称” value = “默认值” />

上传文件域

语法格式：<input type = “file” 属性 = “属性” />

常用属性

1 name：表单元素的名称

2 value：表单元素的值，这个值其实就是上传的文件名。value属性是只读属性，这个value的内容只能来自手动选择上传的文件，而不能用户自己指定一个路径。为了安全起见，value是只读的。

注意：现在只能实现上传文件框，而不能真正实现上传功能，上传功能用PHP来实现的。

巴特西

<input> type 属性

单行文本域

语法格式：<input type = “text” 属性 = “值” />

常用属性

单行密码域

语法格式：<input type = “password” 属性 = “值” />

常用属性

单选按钮

语法格式：<input type = “radio” 属性 = “值” />

常用属性

复选框

各种按钮

隐藏域

上传文件域

语法格式：<input type = “file” 属性 = “属性” />

常用属性

最新文章

热门文章