• <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="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来实现的。

  • 相关阅读:
    sp_addlinkedserver的一些操作
    MVC3.0,路由设置实现伪静态IIS中404错误
    Chrome本地跨域请求设置,实现HTML模板页
    jQuery异步请求(如getJSON)跨域解决方案
    【海淘域名】GoDaddy账户被锁定后的解决方法
    jquery-qrcode客户端二维码生成类库扩展--融入自定义Logo图片
    JavaScript获取URL参数方法总汇
    ASP.NET 内联代码、内联表达式、数据绑定表达式使用方法罗列(形式就是常说的尖括号 百分号 等于号 井号)
    如何获取Repeater行号(索引)、记录总数?
    判断jquery类库是否加载,如未加载则加载。
  • 原文地址:https://www.cnblogs.com/yd09023/p/5841497.html
Copyright © 2020-2023  润新知