<!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的使用