DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> XML學習教程 >> XML詳解 >> XUL 教程 增加標簽和圖像
XUL 教程 增加標簽和圖像
編輯:XML詳解     

文本元素

  在不使用標記的情況下,你不能直接向XUL文件中插入文本,它也不會做任何顯示。為了達到這個目的你使用如下兩個XUL元素來完成。

  標簽元素

  將文本加入到將文本加入到窗體中的一個最基本的方法就是使用label 元素。請看下面的例子:

  Example 1 : Source VIEw

<label value="This is some text"/>

  value屬性被用於指定要顯示的文本。這樣設置的文本在顯示的時候不會換行,所以適合於較短的文本。這種語法適用於多數情況中使用的標簽。

  如果文本需要換行,你可以如下例所示將文本放在開啟和關閉元素之間:

  Example 2 :

<label>This is some longer text that will wrap onto several lines.</label>

  就像Html,換行和多余的空格將被壓縮為一個空格。接下來, 我們可以在 找到怎麼去控制元素的寬度 這樣我們就可以很容易地控制換行。

  操作(Control)屬性

  你可以使用 control 屬性去設置關聯的標簽。當用戶在已關聯合的標簽上進行點擊操作時,控制就會被觸發。Accessibility這種關聯的輔助操作很重要,這樣屏幕閱讀器就可以對選中的文本進行語音提示。設置control屬性的值會觸發與這個值對應的id的元素。 Example 3 : Source VIEw

<label value="Click here:" control="open-button"/>
<button id="open-button" label="Open"/>

  在上面這個例子中,在標簽上點擊會使得按鈕被觸發。

  描述(Descriptive)元素

  在沒有一些特定的關聯操作的文本時你可以使用 description 標簽。 這個元素使用於在對話框的上面或實例的一組控制的文本提示信息. 與 label 元素一樣, 你既可以在 value 屬性中指定單行的文本也可以在開合標簽之間填充一大塊的文本。在描述元素的大多數屬性和文本內容的語法是與標簽元素(label)是一樣的。

  例4 : Source VIEw

<description>
 This longer section of text is displayed.
</description>

  從內部看, 標簽元素(label )和描述元素( description )是相同的。標簽元素(label )用於有操作的標簽,就像一個文本框(text fIEld)。 操作屬性僅僅為標簽提供支持。 描述元素(description )用於其他描述性的情況,如對話框(dialog )上面的提示信息文本。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved