textarea padding:2px; : textarea « Form « HTML / CSS






  1. HTML / CSS
  2. Form
  3. textarea

textarea padding:2px;

   

<!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" xml:lang="en" lang="en">

<head>

<meta name="Description" content="Information architecture, Web Design, Web Standards." />
<meta name="Keywords" content="your, keywords" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Distribution" content="Global" />
<meta name="Author" content="Erwin Aligam - ealigam@gmail.com" />
<meta name="Robots" content="index,follow" />

<style type='text/css'>
/* form elements */
form {
  margin:10px; 
  padding: 0 5px;
  background: #F5F5F5;  
}
label {
  display:block;
  font-weight:bold;
  margin:5px 0;
}
input {
  padding:2px;
  border:1px solid #eee;
  font: normal 1em Verdana, sans-serif;
  color:#777;
}
textarea {
  width:400px;
  padding:2px;
  font: normal 1em Verdana, sans-serif;
  border:1px solid #eee;
  height:100px;
  display:block;
  color:#777;
}
input.button { 
  font: bold 12px Arial, Sans-serif; 
  height: 24px;
  margin: 0;
  padding: 2px 3px; 
  color: #333;
  background: #e7e6e6 url(MarketPlace-images/button.jpg) repeat-x;
  border: 1px solid #dadada;
}

</style>



<title>Marketplace</title>

</head>

<body>

<!-- wrap starts here -->
<div id="wrap">
      <h3>Example Form</h3>
      <form action="#">      
      <p>      
      <label>Name</label>
      <input name="dname" value="Your Name" type="text" size="30" />
      <label>Email</label>
      <input name="demail" value="Your Email" type="text" size="30" />
      <label>Your Comments</label>
      <textarea rows="5" cols="5"></textarea>
      <br />  
      <input class="button" type="submit" />    
      </p>    
      </form>  
</div>

</body>
</html>








Related examples in the same category

1.'textarea' creates a multiline text entry control
2.textarea width:400px;
3.textarea font: normal 1em Verdana, sans-serif;
4.textarea border:1px solid #eee;
5.textarea height:100px;
6.textarea display:block;
7.textarea color:#777;
8.textarea width: 280px;
9.textarea border: 1px solid #EFEFEF;
10.textarea font: normal 1em Verdana, 'Trebuchet MS', Tahoma, sans-serif;
11.textarea color: #666666;
12.textarea width: 300px; height: 100px; background-color: yellow;
13.textarea font-size: 1em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;
14.textarea border: 1px solid black;
15.textfield display: block;
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