styling text fields with CSS and HTML

Chhaya · #1 29-05-2009

Hi,

I need some help in understanding the styling text fields with CSS and HTML.
Please let me know how to do this. Since i am really getting confused with the css.

kelfro · #2 29-05-2009

Simple Text Field Styling with CSS

HTML Code:

<html>
<head>

<title>CSS Custom Text Field</title>

<link href="style.css" type="text/css" rel="stylesheet" />

</head>

<body>
<form>
<input type="text" name="field" class="textInput" />
</form>
</body>
</html>

Now for the CSS.

HTML Code:

/* CSS Document */
.textInput
{
border: 1px solid #ff0000;
background: #555555;
color: #ffffff;
font-size: 1.1em;
}

Reegan · #3 29-05-2009

try this I hope this helps!

HTML Code:

<form id="contactForm" action="/" method="post">
	
	<fieldset><legend>Contact Form</legend>
		<p>
			<label for="contact_name">Input your name here</label>
			<input type="text" name="contact_name" id="contact_name" value="" size="30"  />
		</p>
		<p>
			<label for="contact_email">And email address please</label>
			<input type="text" name="contact_email" id="contact_email" value="" size="30"  />
		</p>	
		<p>
			<label for="contact_message">Send us a couple of words</label>
			<textarea id="contact_message" name="contact_message"></textarea>
		</p>																	
		<p class="submit">
			<button type="submit" title="Send your message">Send!</button>
		</p>
	</fieldset>
	
</form>

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

Similar Threads for: "styling text fields with CSS and HTML"
Thread	Thread Starter	Forum	Replies	Last Post
Insert HTML text box	- Empty Shell -	Software Development	10	23-12-2010 04:22 AM
How to parse comma separated text into Multiple Fields?	Leonard	Windows Software	5	12-03-2010 06:39 AM
How to put text beside an image in HTML	KADRI	Software Development	3	01-10-2009 09:35 PM
How to use justified text in Html	Quattro	Software Development	3	27-07-2009 03:16 PM
MS Project Calculated Fields- adding text	vojislavcar	Windows Software	4	19-09-2008 06:26 PM