zoukankan      html  css  js  c++  java
  • <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来实现的。

  • 相关阅读:
    【NOIP2001】【Luogu1025】数的划分(可行性剪枝,上下界剪枝)
    【POJ2676】Sudoku(优化搜索顺序)
    【codevs4228】小猫爬山(最优化剪枝)
    实现两个路由器漫游(传统路由器做AP)
    查询数据SELECT 之单表查询
    MySQL数据库基础概念
    删除Mac上的mysql数据库
    MYSQL数据库
    并发编程
    socketserver及相关的类 (处理socket服务端)+ event事件的使用
  • 原文地址:https://www.cnblogs.com/yd09023/p/5841497.html
Copyright © 2011-2022 走看看