dojo 很纠结

来源:互联网 发布:充电宝品牌推荐 知乎 编辑:程序博客网 时间:2024/06/05 17:32

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en_US" xml:lang="en_US">
<!--
 * Created on 2010-11-18
 *
 * To change the template for this generated file go to
 * Window - Preferences - PHPeclipse - PHP - Code Templates
-->
 <head>
  <title>dijit 控件</title>
  <style type="text/css"><!--
         /* use the tundra theme */
         @import "dijit/themes/claro/claro.css";
         /* Note that if you don’t specify a minor revision, e.g. 1.5.0 or 1.4.3, the CDN will deliver the latest version */
 </style>
<script src="dojo/dojo.js" djConfig="isDebug:true,parseOnLoad:true"></script>
 <script type="text/javascript">

dojo.require("dijit.form.TextBox");
dojo.require("dijit.form.FilteringSelect");
dojo.require("dijit.form.CheckBox");
dojo.require("dijit.form.RadioButton");
dojo.require("dijit.form.Button");
dojo.require("dijit.form.DateTextBox");
dojo.require("dojox.form.CheckedMultiSelect");
 </script>
 </head>
 <body class="claro">
  <form action="process.php" method="get">

    <!– text inputs:  dijit.form.TextBox –>
    <p><b>First Name: </b>
    <input type="text" name="firstName" placeholder="Your Name" id="firstName" dojoType="dijit.form.TextBox" /></p>

    <p><b>Website:  </b>
    <input type="text" name="website" placeholder="Your Website" id="website" dojoType="dijit.form.TextBox" /></p>

    <!– radio buttons:  dijit.form.FilteringSelect –>
    <p>
        <b>Favorite Color: </b>
        <select name="color" id="color" dojoType="dijit.form.FilteringSelect">
                <option value="">Select a Color</option>
                <option value="Red">Red</option>
                <option value="Green">Green</option>
                <option value="Blue">Blue</option>
        </select>
    </p>

    <!– assuming dojox.form.CheckedMultiSelect has been required… –>
    <p><b>Search Item: </b>
    <select multiple="true" name="rockers" dojoType="dojox.form.CheckedMultiSelect">
            <option value="Oasis">Oasis</option>
            <option value="Rod Stewart" selected="selected">Rod Stewart</option>
            <option value="Coldplay" selected="selected">Coldplay</option>
            <option value="Kings of Leon">Kings of Leon</option>
    </select>
    </p>

    <!– radio buttons:  dijit.form.CheckBox –>
    <p><b>Send Emails? </b>
    <input type="checkbox" id="checkbox" checked="checked" dojoType="dijit.form.CheckBox" /></p>
    <!– radio buttons:  dijit.form.RadioButton –>
    <p><b>Email Format: </b>
    <input type="radio" id="radio1" name="format" checked="checked" dojoType="dijit.form.RadioButton" />
    <label for="radio1">HTML</label>

    <input type="radio" id="radio2" name="format" dojoType="dijit.form.RadioButton" />
    <label for="radio2">Text</label>
    <!– when the user focuses on this element, the calendar appears –></p>
    <p><b>Date:</b>
    <input dojoType="dijit.form.DateTextBox" required="true" invalidMessage="Please provide a valid date." type="text" name="date" id="date" />
    <!– submit button:  dijit.form.Button –></p>
    <p><input type="submit" value="Submit Form" label="Submit Form" id="submitButton" dojoType="dijit.form.Button" />
</form>
 </body>
</html>

 

CheckedMultiSelect 什么问题????????????不仅仅是ie下 火狐和Google都有这样的问题

 

原创粉丝点击