<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="#" method="post">
<p>
请输入你的姓名：<input type="text">
</p>
<p>
报考院校：<input type="text" value="清华大学" disabled>
</p>
<p>
毕业院校：<input type="text" placeholder="请输入真实的毕业院校哦">
</p>
<p>
性别：
<label>
<input type="radio" name="sex" value="男" checked>男
</label>
<label>
<input type="radio" name="sex" value="女">女
</label>
</p>
<p>
爱好：
<label>
<input type="checkbox" name="hobby" value="1" checked>1
</label>
<label>
<input type="checkbox" name="hobby" value="2">2
</label>
<label>
<input type="checkbox" name="hobby" value="3">3
</label>
<label>
<input type="checkbox" name="hobby" value="4">4
</label>
</p>
<p>
请输入密码：
<input type="password">
</p>
<p>
请选择你最喜欢的编程语言：
<select>
<option value="Java">Java</option>
<option value="Java1">Java1</option>
<option value="Java11">Java11</option>
<option value="Java111">Java111</option>
</select>
</p>
<p>
留言：
<textarea cols="30" rows="10"></textarea>
</p>
<p>
<input type="button" value="我是一个普通按钮">
<input type="submit" value="提交表单">
<input type="reset" value="重置表单">
</p>
</form>
</body>
</html>
原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/274641.html