Working ISINDEX Tag Element Example

HTML 4 adds to the <ISINDEX> tag the whole fleet of style sheet settings (as can reasonable apply to it), a TITLE attribute which puts a message on the screen when the mouse is moved over the widget window (or any part of its border), and the usual LANG and DIR attributes. LANG here serves to inform search engines and suchlike software what language was used in the PROMPT string, if entered. DIR only has the effect of determining which end the entered text begins at, and can be overridden by the text-align style sheet command. All the same, with all these additions, <ISINDEX> is still <ISINDEX>, working exactly the same way as it does in the older versions of HTML and it shows that the user-entered result is:

One other thing to watch for is the way the textured background start going to the left once the window is filled and the user continues entering text. This is because the background-image is not "fixed" but "scroll." The stylesheet commands I have used to create this file are as follows:

<STYLE TYPE="text/css">
BODY   { color: #000000;
         background-color: #FFFFFF; }
.abc   { font-family: courier, monospace;
         font-size: large;
         color: #FF0033;
         background-color: #AAFFDD;
         background-image: url(sfondo.jpg);
         background-repeat: no-repeat;
         text-decoration: overline;
         text-transform: capitalize;
         border: none; }
#def   { text-align: center;
         margin: 3ex 15ex 1ex 8ex;
         border-width: 2ex;
         border-color: #66FF66;
         border-style: groove;
         width: 300px;
         height: 80px; }
H2, H3 { text-align: center; }

The first example has not only a "CLASS" of "abc," but also the "ID" of "def," so all above style formatting options specified above apply to it. The second does not share that ID, and so only has the "abc" style sheet formatting options. In addition however, it has an inline style attribute which reads: STYLE="color: #0033FF". Note how this overrides the color stylesheet setting contained in the "abc" class, and also how the border commands in the "def" stylesheet commands also override the border: none; stylesheet command in the "abc" class.

However, <ISINDEX> is depreciated in HTML 4.01 (and similarly in 4.0), so it only accepts this tag when using the Transitional DTD. Strict 4.01 (and Strict 4.0) does not accept <ISINDEX> at all.

Next Level Up