textfield display: block;

   

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Spotlight  | A Free CSS Template by RamblingSoul</title>
<style type='text/css'>

#wrap #topbar {
  height: 35px;
  padding-top: 15px;
}
#wrap #header {
  background: url(images/header.jpg) no-repeat;
  height: 176px;
}


body {
  background: #E6E0D2; url(images/bg.jpg) repeat;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  }


#wrap #main #content .post form {
  padding-right: 15px;
  padding-left: 15px;
}
#wrap #main #content .post #form label {
  font-family: "Trebuchet MS", Verdana, Halvetica, Arial;
  font-size: 12px;
  color: #040507;
  display: block;
}
#wrap #main #content .post #form .textfield {
  display: block;
  width: 250px;
  border: 1px solid #AF9D72;
  background-color: #F2ECD7;
}

</style>


</head>

<body>
<div id="wrap">
<div id="header">
<h2 id="description">Spotlight Is AFree CSS Template</h2>
</div>
<div id="main">

<div id="content">
<div class="post">
<div class="posthead"><h2>Form <span>Example</span></h2></div>
<form action="#" method="get">
<div id="form">

<label for="name">Name</label> <input name="name" id="name" class="textfield" type="text" />
<label for="email">Email</label> <input name="email" id="email" class="textfield" type="text" />

<label for="phone">Phone</label> <input name="phone" id="phone" class="textfield" type="text" />

<label for="comment">Comment</label> <textarea class="textfield" id="comment" name="comment" cols="35" rows="5"></textarea>
<div class="buttons">
<input name="Submit" type="button" value="submit" />
</div>


</div>


</form>

</div>



</div>


</body>
</html>

Related examples in the same category

1.	'textarea' creates a multiline text entry control
2.	textarea width:400px;
3.	textarea padding:2px;
4.	textarea font: normal 1em Verdana, sans-serif;
5.	textarea border:1px solid #eee;
6.	textarea height:100px;
7.	textarea display:block;
8.	textarea color:#777;
9.	textarea width: 280px;
10.	textarea border: 1px solid #EFEFEF;
11.	textarea font: normal 1em Verdana, 'Trebuchet MS', Tahoma, sans-serif;
12.	textarea color: #666666;
13.	textarea width: 300px; height: 100px; background-color: yellow;
14.	textarea font-size: 1em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;
15.	textarea border: 1px solid black;
16.	textfield width: 250px;
17.	textfield border: 1px solid #AF9D72;
18.	textfield background-color: #F2ECD7;
19.	Textarea float: left;
20.	Textarea height: 72px;
21.	Textarea width: 370px;
22.	Textarea border-bottom: 1px solid #847F7A;
23.	Textarea border-right: 1px solid #847F7A;
24.	Textarea border-top: 2px solid #847F7A;
25.	Textarea border-left: 2px double #847F7A;
26.	Textarea margin: 4px 0 0 0;
27.	Textarea overflow: hidden
28.	Textarea with column and row setting
29.	The textarea element
30.	textarea name="hobbies" rows="7" cols="40"
31.	Text Field wiht size and maxlength
32.	A Simple Text Field
33.	Setting the value of a text field
34.	Single line text input control
35.	input type = "text" inserts a text box
36.	A prepopulated text field with a maximum length
37.	Set text field background
38.	Text field border style
39.	Text input sizes
40.	Multi line text input control
41.	textarea creates a multiline textbox
42.	White space is preserved in a text area
43.	Set background color for textarea
44.	set font size, weight, family for textarea
45.	Set border for a textarea to '1px solid black'
46.	Set width and height for textarea
47.	Set required textarea field to have solid border and highlight color
48.	textarea:focus

textfield display: block; : textarea « Form « HTML / CSS

Related examples in the same category