Formulare schnell und einfach selbst erstellen und gestalten

 
Grundlagen: CSS-Styling
 
2. Beispiel-Code

<html>
<head>
<title>Kontaktformular</title>
<style type="text/css">
<!--
td {
font-family:Verdana;
font-size:10pt;
color:#666666;
}
.textfeld1 {
color:#000000;
font-family:Arial;
font-size:10pt;
border: 1px solid #666666;
background-color: #DFDFDF;
width:300px;
height:20px;
}
.textfeld2 {
color:#000000;
font-family:Arial;
font-size:10pt;
border: 1px solid #666666;
background-color: #DFDFDF;
width:300px;
height:100px;
}
.button1 {
color:#FFFFFF;
font-family:Arial;
font-size:10pt;
border: 1px solid #000000;
background-color: #666666;
width:300px;
height:20px;
cursor:pointer;
}
-->
</style>
</head>
<body bgcolor="#FFFFFF">
<FORM>
<TABLE width=400 border=0 cellpadding=0 cellspacing=0>
<TR height=24>
<TD width=150>Nachame:</TD>
<TD width=250><INPUT TYPE="text" NAME="nachname" CLASS="textfeld1" VALUE=""></TD>
</TR>
<TR height=24>
<TD width=150>Vorname:</TD>
<TD width=250><INPUT TYPE="text" NAME="vorname" CLASS="textfeld1" VALUE=""></TD>
</TR>
<TR valign="top">
<TD width=150>Nachricht:</TD>
<TD width=250><TEXTAREA NAME="nachricht" CLASS="textfeld2"></TEXTAREA></TD>
</TR>
<TR height=24>
<TD width=150> </TD>
<TD width=250><INPUT TYPE="submit" NAME="submit" CLASS="button1" VALUE="Nachricht senden"></TD>
</TR>
</TABLE>
</FORM>
</body>
</html>
 
Die Erklärung für die CSS-Anweisungen finden Sie auf der nächsten Seite.
 
 
[1] [2] [3] [4] [5] 
 
 
 
© 2008 http://www.formularscript.de 

Partnerlinks: