我的漫漫程序之旅

专注于JavaWeb开发
随笔 - 39, 文章 - 310, 评论 - 411, 引用 - 0
数据加载中……

Prototype1.6 实战 07 (Form)

<HTML>
 <HEAD>
  <TITLE> Form </TITLE>
<script src="prototype.js" type="text/javascript"></script>
<script>
        //所有text元素在form中
        function getText$()
        {
            var form = $('myForm');
            var texts = form.getInputs('text');
            texts.each(function(t)
            {
                alert("标签为:" + t.nodeName + " , 值为:" + t.value);
            });
        }
        //禁用form的所有元素
        function disabled$()
        {
            var form = $('myForm'); 
            // cycle between calling form.disable() and form.enable() 
            form[form.disabled ? 'enable' : 'disable']();
            form.disabled = !form.disabled;
        }
        // 激活form
        function enable$()
        {
            var form = $('myForm'); 
            // cycle between calling form.disable() and form.enable() 
            form[form.disabled ? 'enable' : 'enable']();
            form.disabled = false;
        }
</script>
 </HEAD>

 <BODY>
    <form id="myForm">
        <input type="text" id="username" /><br />
        <input type="text" id="age" /><br />

        <input type="button" value="测试" onclick="getText$();"/>
        <br />
        <input type="button" value="禁用" onclick="disabled$();" />
    </form>
    <button onclick="enable$();">我在form外.点我激活</button>
    <button onclick="serialize$();">serialize</button>
 </BODY>
<script>
      (function(){
          var form = $('myForm');
          //找到form表单的第一个元素 
          var v = form.findFirstElement();
          //焦点
          v.focus();
          //所有form的input元素
          alert(form.getInputs().size());
      }).call(this);
</script>
</HTML>


posted on 2008-07-25 13:28 々上善若水々 阅读(300) 评论(0)  编辑  收藏 所属分类: JavaScript


只有注册用户登录后才能发表评论。
网站导航: