
238
Part II
Designing and Crafting Basic Pages
Edit Tag mode
If a complete tag—either a single tag, such as <img>, or a tag pair, such as <h1>…</h1>—is
selected, the Quick Tag Editor opens in Edit Tag mode. Unlike the other two modes (in which you
are presented with just open and closing angle brackets and a flashing cursor), the Edit Tag mode
displays the entire selected tag with all its attributes, if any. You can always invoke the Edit Tag
mode when you start the Quick Tag Editor by clicking its icon in the Property inspector.
The Edit Tag mode has many uses. It’s excellent for adding a parameter not found on Dreamweaver’s
Property inspector. For example, when you are building a form, some text fields have pre-existing
text in them—which you want to clear when the user clicks into the field. To achieve this effect you
add a minor bit of JavaScript, a perfect use for the Edit Tag mode. Therefore, you can just select the
<i> tag from the Tag Selector and then click the Quick Tag Editor icon to open the Quick Tag Edi-
tor. The
<imgnput> tag appears with your current parameters, as shown in Figure 6-32. After you
have opened it, tab to the end of the tag and enter this code:
onFocus=”if(this.value==’Email Required’)this.value=’’;”
In this example, Email Required is the visible text in the field—the value, which automatically
clears when the field is selected.
FIGURE 6-32
In Edit Tag ...