<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>form的使用</title>
<style>
form{
text-align: center;
}
</style>
</head>
<body>
<!--如果需要与页面进行交互，提交一些数据到服务器，需要使用表单 form
action:提交给谁取处理，通常就是服务器端程序地址
method：两种方式
post：可以传递的数据量大 安全 比如 登录/注册/下单等适合post
get： 可以传递的数据量小 不超过2K 不安全 数据追加在url地址上 暴露出来
-->
<form action="" method="post">
Name:<input type="text" value="请输入账号" onfocus="if
(this.value==defaultValue)
{this.value='';}
" onblur="if(!value) {value=defaultValue; this.type='text';}"
style="color:black;" /><br><br>
PassWord:<input type="text" value="请输入密码" onfocus="if
(this.value==defaultValue)
{this.value='';this.type='password'}
" onblur="if(!value) {value=defaultValue; this.type='text';}"
style="color:black;" />
<br><br>
SEX : <input type="radio" name="sex" value="m">男
<input type="radio" name="sex" value="m">女<br>
Hobby:<input type="checkbox" name="hobby" value="run">跑步
<input type="checkbox" name="hobby" value="basketBall">足球
<input type="checkbox" name="hobby" value="swinging">游泳
<br><br>
其他: <textarea>请输入</textarea>
<br>
<br>
<br>
City : <select name="city">
<option value="ZhengZhou">郑州</option>
<option value="ZhouKou">周口</option>
<option value="AnYang">安阳</option>
<option value="KaiFeng">开封</option>
<option value="XinYang">信阳</option>
<option value="JiaoZuo">焦作</option>
<option value="NanYang">南阳</option>
<option value="LuoYang">洛阳</option>
<option value="JiYuan">济源</option>
<option value="HeBi">鹤壁</option>
<option value="ShangQiu">商丘</option>
</select><br><br>
<input type="file">
<input type="button" value="上传文件">
<br><br>
我来说两句：<textarea>请输入您的意见或建议，我们将竭诚为您服务</textarea>
<br><br><br><br>
<input type="submit" value="确认申请">
<input type="reset" value="重新填写">
<br>
</form>
</body>
</html>
form的使用