form

<!DOCTYPE html>
<html lang="en,zh">
<head>
<meta charset="utf-8">
<title>表单</title>
<link rel="stylesheet" type="text/css" href="F:form.css">
</head>
<body background="F:\web\form\图片\背景.jpg">
<form style="display:block;position:fixed;top:20px;left:100px;400px;height:300px;border: 1px solid #006600"method="get" action="" >
<h1>表单</h1>
<div>
<p>
username:<input type="txet" name="username" value="请输入用户名" style="color:#999" onfocus="if(this.value=='请输入用户名'){this.value='';this.style.color='#424242'}" onblur="if(this.value==''){this.value='请输入用户名';this.style.color='#999'}">
</p>
<p>
password:<input type="password" name="username">
</p>
<p>
性别：
男<input type="radio" name="性别" value="男">
女<input type="radio" name="性别" value="女">
</p>
<p>
邮箱:<input type="txet" name="username" value="请输入邮箱" style="color:#999" onfocus="if(this.value=='请输入邮箱'){this.value='';this.style.color='#424242'}" onblur="if(this.value==''){this.value='请输入邮箱';this.style.color='#999'}">
</p>
<p>
爱好:
阅读<input type="checkbox" name="爱好" value="阅读">
动漫<input type="checkbox" name="爱好" value="动漫">
篮球<input type="checkbox" name="爱好" value="篮球">
足球<input type="checkbox" name="爱好" value="足球">
电竞<input type="checkbox" name="爱好" value="电竞">
</p>
</div>
<input type="submit">
</form>
</body>
</html>

效果图