Go Back   TechArena Community > Software > Software Development
Become a Member!
Forgot your username/password?
Tags Active Topics RSS Search Mark Forums Read

Reply
 
Thread Tools Search this Thread
  #1  
Old 29-05-2009
Members
 
Join Date: May 2009
Posts: 45
styling text fields with CSS and HTML

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.
Reply With Quote
  #2  
Old 29-05-2009
Member
 
Join Date: Apr 2008
Posts: 2,001
Re: styling text fields with CSS and HTML

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;
}
Reply With Quote
  #3  
Old 29-05-2009
Member
 
Join Date: Oct 2005
Posts: 2,389
Re: styling text fields with CSS and HTML

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> 
Reply With Quote
Reply

  TechArena Community > Software > Software Development
Tags: ,



Thread Tools Search this Thread
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


All times are GMT +5.5. The time now is 06:09 AM.