widget

widget 要素 (HTML)

[1] Juicy Studio: Firefox 1.5 Accessible Widgets <http://juicystudio.com/article/firefox-accessible-widgets.php> (名無しさん 2005-12-04 23:36:50 +00:00)

[2] products and projects <http://www.terrainformatica.com/htmlayout/embedding.whtm>

To be able to handle wider variety of input widgets and their postioning HTMLayout introduces new element - <widget>. <widget> is a block HTML element and tag which means:

  1. <widget> must be always closed by using either <widget ... /> form or by tail </widget> markup.
  2. In layout <widget> behaves as a block element similar to <div>.
  3. <widget> can be used for defining intrinsic controls too. For example to define block level textarea element use: <widget type=textarea>... text ... </widget>.

(名無しさん [sage])

[3] >>1-2 例

        <widget type="select" name="chemistry-h" style="width:100%%;height:100%%">
          <OPTIONS expanded>Alkaline Metals
              <OPTION value="Li">Lithium (Li)</OPTION>
              <OPTION value="Na">Sodium (Na)</OPTION>
              <OPTION value="K">Potassium (K)</OPTION>
          </OPTIONS>
          <OPTIONS expanded>Halogens
              <OPTION value="F">Fluorine <font style="color:blue">(F)</font></OPTION>
              <OPTION value="Cl">Chlorine <font style="color:red">(Cl)</font></OPTION>
              <OPTION value="Br">Bromine <font style="color:green">(Br)</font></OPTION> 
          </OPTIONS>
        </widget>

(名無しさん [sage])

[4] >>1-2 例

    <div id="editable-select">
			<widget type="select" name="colors" multiple="checks">
				<OPTION VALUE=1 >Red</OPTION>
        <OPTION VALUE=2 >Green</OPTION>
        <OPTION VALUE=3 >Blue</OPTION>
			</widget>
      <text class="command-bar"><button action="cancel">Cancel</button>
            <button action="edit-list">Modify</button></text>
    </div>