• 窗体中的基本元素

    普通类
    • 支持
    • 批判
    • 提问
    • 解释
    • 补充
    • 删除
    • 引言

            窗体中的基本元素由按钮、单选按钮、复选按钮、提交按钮、重置按钮、文本框等组成。
    在JavaScript中要访问这些基本元素,必须通过对应特定的窗体元素的数组下标或窗体元素名来实现。每一个元素主要是通过该元素的属性或方法来引用。其引用的基本格式见下:

    formName.elements[].methadName (窗体名.元素名或数组.方法)

    formName.elemaent[].propertyName(窗体名.元素名或数组.属性)

     

    下面分别介绍:

    •   1、Text单行单列输入元素


     功能:对Text标识中的元素实施有效的控制。

     基本属性:

    Name:设定提交信息时的信息名称。对应于HTML文档中的Name。

    Value:用以设定出现在窗口中对应HTML文档中Value的信息。

    defaultvalue:包括Text元素的默认值

     基本方法:

    blur():将当前焦点移到后台。

    select():加亮文字。

     主要事件:

    onFocus:当Text获得焦点时,产生该事件。

    OnBlur:从元素失去焦点时,产生该事件。

    Onselect:当文字被加亮显示后,产生该文件。

    onchange:当Text元素值改变时,产生该文件。

    例:...

    <Form name="test">

    <input type="text" name="test" value="this is a javascript" >

    </form>

    ...

    <script language ="Javascirpt">

    document.mytest.value="that is a Javascript";

    document.mytest.select();

    document.mytest.blur();

    </script>

    •   2、textarea多行多列输入元素



     功能:实施对Textarea中的元素进行控制。

     基本属性

    name:设定提交信息时的信息名称,对应HTML文档Textarea的Name。

    Value:用以设定出现在窗口中对应HTML文档中Value的信息。

    Default value:元素的默认值。

     方法:

    blur():将输入焦点失去

    select():将文字加亮后

     事件:

    onBlur:当失去输入焦点后产生该事件

    onFocus:当输入获得焦点后,产生该文件

    Onchange:当文字值改变时,产生该事件

    Onselect:当文字加亮后,产生该文件

    •   3、Select选择元素



     功能:实施对滚动选择元素的控制。

     属性:

    name:设定提交信息时的信息名称,对应文档select中的name。

    Length:对应文档select中的length

    options:组成多个选项的数组

    selectIndex;该下标指明一个选项

    select在中每一选项都含有以下属性:

    Text:选项对应的文字

    selected:指明当前选项是否被选中

    Index:指明当前选项的位置

    defaultselected:默认选项

     

     事件:

    OnBlur:当select选项失去焦点时,产生该文件。

    onFocas:当select获得焦点时,产生该文件。

    Onchange:选项状态改变后,产生该事件。

    •   4、Button按钮



     功能:实施对Button按钮的控制。

     属性:

    Name:设定提交信息时的信息名称,对应文档中button的Name。

    Value:用以设定出现在窗口中对应HTML文档中Value的信息。

     方法:

    click()该方法类似于一个按下的按钮。

     事件:

    onclick当单击button按钮时,产生该事件。

    例 :

    <Form name="test">

    <input type="button" name="testcall" onclick=tmyest()>

    </form>

    ...

    <script language="javascirpt">

    document.elements[0].value="mytest"; //通过元素访问



    document.testcallvalue="mytest"; // 通过名字访问

    </script>

    .....

    •   5、checkbox检查框



     功能:实施对一个具有复选框中元素的控制。

     属性:

    name:设定提交信息时的信息名称。

    Value:用以设定出现在窗口中对应HTML文档中Value的信息。

    Checked:该属性指明框的状态true/false.

    defauitchecked:默认状态

     方法:

    click()该方法使得框的某一个项被选中。

     事件:

    onclick:当框的选被选中时,产生该事件。

     

    • 6、radio无线按钮



     功能:实施对一个具单选功能的无线按钮控制。

     属性:

    name:设定提交信息时的信息名称,对应HTML文档中的radio的name相同

    value:用以设定出现在窗口中对应HTML文档中Value的信息,对应HTML文档中的radio的name。

    length:单选按钮中的按钮数目。

    defalechecked:默认按钮。

    checked:指明选中还是没有选中。

    index:选中的按钮的位置。

     方法:

    chick():选定一个按钮。

     事件:

    onclick:单击按钮时,产生该事件。

     


     

    • 7、hidden:隐藏


     功能:实施对一个具有不显示文字并能输入字符的区域元素的控制。

     属性:

    name:设定提交信息时的信息名称,对应HTML文档的hidden中的Name。

    Value:用以设定出现在窗口中对应HTML文档中Value的信息,对应HTML文档hidden中的value。

    defaleitvalue:默认值

    •   8、Password口令



     功能:实施对具有口令输入的元素的控制。

     属性:

    Name:设定提交信息时的信息名称,对应HTML文档中password中的name。

    Value:用以设定出现在窗口中对应HTML文档中Value的信息,对应HTML文档中password中的Value。

    defaultvalu:默认值

     方法

    select():加亮输入口令域。

    blur():使这丢失passward输入焦点。

    focus():获得password输入焦点。

     

    • 9、submit提交元素



     功能:实施对一个具有提交功能按钮的控制。

     属性:

    name:设定提交信息时的信息名称,对应HTML文档中submit。

    Value:用以设定出现在窗口中对应HTML文档中Value的信息,对应HTML文档中value。

     方法

    click()相当于按下submit按钮。

     事件:

    onclick()当按下该按钮时,产生该事件。

    • 标签:
    • 对应
    • 文档
    • 产生
    • 事件
    • 信息
    • 元素
    • 按钮
    • html
    • value
    • 设定
  • 加入的知识群:
    学习元评论 (0条)

    评论为空
    聪明如你,不妨在这 发表你的看法与心得 ~



    登录之后可以发表学习元评论
      
暂无内容~~
顶部