<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form action="#" method="get">
<!--action:表示用户输入内容发送到服务端的路径-->
<!-- method:告诉用户需要用什么样的发送方式：GET POST -->
<!--表单内容-->
<!-- input 标签 属性值： type -->
<!-- 在HTML里面，不加换行符，无论怎么写，他都是默认在一行的 -->
<!--在HTML中，如果需要换行符 可以使用<br/>占位符进行换行符 -->
用户名：<input type="text " value="admin" placeholder="请输入用户名" name="username"/>
<br /> <!--换行符 -->
密 码：<input type="password" placeholder="快输入密码" name="password" />
<br /> <!--换行符 -->
<!-- 单选框-->
性别：<input type="radio" name="gender" value="male" checked/>男
<input type="radio" name="gender" value="male" />女
<input type="radio" name="gender" value="male" />其他
<br /> <!--换行符 -->
<!--复选框-->
爱好： <input type="checkbox" name="hobby" value="baseball "checked/>棒球
<input type="checkbox" name="hobby" value="baseball"/>羽毛球
<input type="checkbox" name="hobby" value="baseball"/>篮球
<br /> <!--换行符 -->
上传照片：<input type="file" name="file"/><br />
<select name="sheng">
<option>---请选择---</option>
<option value="HuBei" selected>湖北省</option>
<option value="BeiJing">北京市</option>
</select><br/><br/>
<select name="ShanChang" multiple="">
<option>---请选择---</option>
<option value="Java">Java</option>
<option value="Python">Python</option>
<option value="C++">C++</option>
<option value="C#">C#</option>
<option value="PHP">PHP</option>
</select><br />
<input type="submit"value="提交"/>
<input type="reset" value="重置"/>
<input type="button"value="这是一个按钮"/>
</form>
<!--
页面URL?username=admin&password=dsadsa&gender=male&hobby=baseball+&file=#
GET 和 POST 都是提交请求
GET 表单提交的参数会放在地址栏里的，会暴露敏感信息，有可能超过浏览器地址栏最大数字限制
不适合提交过的数据
把数据以键值对形式放到地址栏比如 username(键) = admin(值) ，使用&连接符 进行分割
POST 表单参数不会显示在地址栏里，不会暴露敏感信息
-->
</body>
</html>
浙公网安备 33010602011771号