html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="creat a form by html and css">
<title>creat a nice form </title>
</head>
<body>
<form name="register">
<fieldset>
<legend>personal information</legend>
<label>User Name</label>
<input type="text" name="user name">
<label>password</label>
<input type="password" name="password">
<label>E-mail</label>
<input type="text" name="email">
<label>Gender</label>
<select name="gender">
<option value="male">Male</option>
<option value="female">Female</option>
</select>
</fieldset>
<fieldset>
Enter to Rename, Shift+Enter to Preview
css
css
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
body
{
background:#EFEFEF;font-family:Arial,tahoma;
}
fieldset
{
background:#fff;
border:1px solid #ccc;
padding:20px;
margin:20px auto;
width:500;
}
legend
{
background:#fff;
border:1px solid #ccc;
padding:10px;
}
label{margin-bottom:10px;display:block;}
input{margin-bottom:10px;}
input[type="text"],input[type="password"],textarea{padding:8px;width:300;display:block;}
hr
{
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run