Adding underline for labels : label « Form « HTML / CSS






  1. HTML / CSS
  2. Form
  3. label

Adding underline for labels

  

<!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>
<title></title>
<style type="text/css">
form em {
 text-decoration: underline;
 font-style: normal;
}
</style>
</head>

<body>
   <form id="msgform" name="msgform" method="post" action="/">
   <label for="fmtitle" accesskey="i">T<em>i</em>tle</label>
   <select name="fmtitle" id="fmtitle">
    <option value="ms">Ms.</option>
    <option value="mrs">Mrs.</option>
    <option value="miss">Miss</option>
    <option value="mr">Mr.</option>
   </select>
   <label for="fmname" accesskey="n"><em>N</em>ame</label>
   <input type="text" name="fmname" id="fmname" />
   <label for="fmemail" accesskey="e"><em>E</em>mail</label>
   <input type="text"  name="fmemail" id="fmemail" />
   <label for="fmstate" accesskey="a">St<em>a</em>te/Province</label> 
   <input type="text" name="fmstate" id="fmstate" />
   <label for="fmcountry" accesskey="y">Countr<em>y</em></label>
   <input type="text" name="fmcountry" id="fmcountry" />
   <label for="fmmsg" accesskey="m"><em>M</em>essage</label>
   <textarea name="fmmsg" id="fmmsg" rows="5" cols="14"></textarea>
   <input type="submit" name="submit" value="send" class="submit" />
  </form>
</body>

</html>








Related examples in the same category

1.'label' creates a label and associates it with another element
2.label:after
3.Using the label for element
4.Set style for form label
5.Set font for label
6.Use different font for label and other form controls
7.Set margin-top and display style for label
8.Set label control for right text alignment, padding right 20px
9.Set label after style
10.Set color, background color and font for a label control
11.Set Label padding and text transformation
12.Set label font family and font size
13.Inline label
14.Label style text-align: right
15.label background-color: pink;
16.label color: black;
17.label font-weight: bold;
18.label padding: 4px;
19.label text-transform: uppercase;
20.label font-family: Verdana, Arial, Helvetica, sans-serif;
21.label font-size: xx-small;
22.Positioning labels
23.Label above
24.label display: block;
25.label font-weight:bold;
26.label margin:5px 0;
27.label font-weight:bold;
28.label font-family: "Trebuchet MS", Verdana, Halvetica, Arial;
29.label font-size: 12px;
30.label color: #040507;
31.label display: block;
32.label text-align: right;
33.label width: 100px;
34.Place label on the top of a field
35.label text-align: left; text-align: center;
36.Labelled fields
37.Using the label element
38.Implicit labels
39.label float:left; width:100px;
40.Fieldsets and labels
41.Aligning labels with List
42.Block-level labels
43.Top-positioned Text Labels
44.Left-aligned Text Labels