Microsoft KB Archive/222443

= Using Cascading Style Sheets Features with ASP Forms =

Article ID: 222443

Article Last Modified on 12/3/2007

-

APPLIES TO


 * Microsoft Internet Information Services 6.0
 * Microsoft Internet Explorer 5.0
 * Microsoft Internet Explorer 4.0 128-Bit Edition
 * Microsoft Internet Information Server 3.0
 * Microsoft Internet Information Server 4.0
 * Microsoft Internet Information Services 5.0

-



This article was previously published under Q222443



We strongly recommend that all users upgrade to Microsoft Internet Information Services (IIS) version 6.0 running on Microsoft Windows Server 2003. IIS 6.0 significantly increases Web infrastructure security. For more information about IIS security-related topics, visit the following Microsoft Web site:

http://www.microsoft.com/technet/security/prodtech/IIS.mspx



SUMMARY
Internet Explorer versions 4.0 and later provide a rich set of text layout features to Web authors through cascading style sheets functionality. Among its other benefits, this functionality permits you to change the display attributes of form fields. This article describes how to use this functionality to create forms with better visual layout by using style sheet tags.



MORE INFORMATION
The following Active Server Pages (ASP) code samples use the style="" attribute, which can be applied to any HTML tag. For example, the following HTML code creates a paragraph with red text: This is red text. Certain cascading style sheets properties can be extremely useful to Web page authors who construct Web pages with forms. The  ,  , and   HTML tags have simple and dissimilar parameters for modifying their respective display properties. By using the style="" attribute (with its common syntax for all fields), authors have greater flexibility over the display of these form fields.

For example, the following code creates a simple form where each field has the same width:     Choice 1 Choice 2 Choice 3  The following ASP page is a more advanced example that uses the user-defined function MakeCSS that takes the following arguments and returns a properly formatted style="" attribute:
 * Font-family: The font style to use.
 * Width: The width in pixels of the item to modify.
 * Height: The height in pixels of the item.
 * Background: The background color for the item.
 * Color: The color for the item.

To use this sample page, copy the code, save it as "Cssform.asp" in a Web folder with Script access enabled, and then open it by using Internet Explorer version 4.0 or later: <%@Language="VBSCRIPT"%> Stylesheet Form Examples <% Function MakeCSS(fnt,wdt,hgt,bck,clr) MakeCSS = "style=" & Chr(34) If (fnt<>"") Then MakeCSS = MakeCSS & "font-family: " & fnt If (wdt<>"") Then MakeCSS = MakeCSS & "; width: " & wdt If (hgt<>"") Then MakeCSS = MakeCSS & "; height: " & hgt If (bck<>"") Then MakeCSS = MakeCSS & "; background: " & bck If (clr<>"") Then MakeCSS = MakeCSS & "; color: " & clr MakeCSS = MakeCSS & Chr(34) End Function %> >

Stylesheet Form Examples

<% If LCase(Request.ServerVariables("REQUEST_METHOD")) = "get" Then %>

" method="POST">

<% Else %>

<% End If %>

For more information about scripting, visit the following Microsoft Developer Network (MSDN) Web site:

Windows Script

http://msdn2.microsoft.com/en-us/library/ms950396.aspx

Keywords: kbhowto KB222443

-

[mailto:TECHNET@MICROSOFT.COM Send feedback to Microsoft]

© Microsoft Corporation. All rights reserved.