-
Notifications
You must be signed in to change notification settings - Fork 3
/
components.html
81 lines (73 loc) · 3.5 KB
/
components.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!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" />
<meta name="viewport" content="width=device-width; initial-scale=1.0"/>
<title>Rain CSS > Form</title>
<!-- Framework CSS -->
<link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="all"/>
<link rel="stylesheet" href="css/rain.css" type="text/css" media="all"/>
<link rel="stylesheet" href="icomoon/style.css">
<style>
</style>
</head>
<body class="body">
<div class="header headerBlue">
<nav class="lsn posr clearfix">
<a href="http://www.webdevelopmentmachine.com" class="headerLink headerLinkBlue l pr pl ib tdn">首页home</a>
<a href="http://www.webdevelopmentmachine.com/blog" class="headerLink headerLinkBlue l pr pl ib tdn">博客blog</a>
<a href="http://www.webdevelopmentmachine.com/demo/game.html" class="headerLink headerLinkBlue l pr pl ib tdn">游戏game</a>
</nav>
</div>
<div class="headerM headerGrey">
<div class="container posr">
<div class="l"><a class="block tdn ptll fsxxl" href="index.html">Rain CSS</a></div>
</div>
</div>
<div class="container marginTop">
<div class="content">
<div class="sidebar l posr">
<h2 class="category">设置css2样式的表单</h2>
<p>该部分样例来自blueprint框架,并且扩展了其他的常用css对象.input元素的width可以使用class w-数值.</p>
<h2 class="category">Web Form with CSS2</h2>
<p>This part forms example from blueprint framwork,and extend it with other useful css objects.The input width can
use class w-nember.</p>
</div>
<div class="main mainRight posr">
<h1>表单 Forms</h1>
<form id="dummy" action="" method="post">
<fieldset>
<legend>表单示例 Sample Form</legend>
<p>
<label for="dummy0">Text input (title)</label><br>
<input type="text" class="title" name="dummy0" id="dummy0" value="Field with class .title" />
</p>
<p>
<label for="dummy1">Another field</label><br>
<input type="text" class="text" id="dummy1" name="dummy1" value="Field with class .text"/>
</p>
<p>
<label for="dummy2">Textarea</label><br>
<textarea name="dummy2" id="dummy2" rows="5" cols="20"></textarea>
</p>
<p>
<label for="dummy3">A password field</label><br>
<input type="password" class="text" id="dummy3" name="dummy3" value="Password"/>
</p>
<p>
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</p>
</fieldset>
</form>
</div>
</div>
<footer class="footer socialFooter c borderTop">
<p class="ps">Maintained by the <a href="https://github.com/rainzhai" class="blue">RainZhai</a>.</p>
<p class="ps">Code licensed under <a rel="license" class="blue" href="https://github.com/twbs/bootstrap/blob/master/LICENSE" target="_blank">MIT</a>, documentation under <a rel="license" class="blue" href="https://creativecommons.org/licenses/by/3.0/" target="_blank">CC BY 3.0</a>.</p>
</footer>
</div>
</div>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
</body>
</html>