<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表单可以发请求可以和后端沟通 -->
<form methods="get" actions="">
<!-- 输入框 -->
<!-- <p>username:<input type="text" name="username"></p> -->
<p>username:
<input
type="text"
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="password"></p>
<!-- 提交 /发送数据是需要 数据值 和 数据名 -->
<p><input type="submit"></p>
<hr>
<!-- 单选框 name属性一样 就是一个题目里面，就只能单选一个 / 发送数据是需要 数据值 和 数据名-->
<p><input type="radio" name="star" value="张">张</p>
<p><input type="radio" name="star" value="张张">张张</p>
<p><input type="radio" name="star" value="张张张">张张张</p>
<p><input type="submit"></p>
<hr>
<!-- 复选框 -->
<p><input type="checkbox" name="fruit" value="苹果">苹果</p>
<p><input type="checkbox" name="fruit" value="橘子">橘子</p>
<p><input type="checkbox" name="fruit" value="栗子">栗子</p>
<p><input type="submit"></p>
<hr>
<!-- select /发送数据是需要 数据值 和 数据名- /option标签内就是value的值可省略，写了value,那提交是以value为主-->
<select name="province" >
<option value="beijing">beijing</option>
<option value="shanghai">shanghai</option>
<option value="wuhan">wuhan</option>
<option value="shenzhen">shenzhen</option>
</select>
<p><input type="submit"></p>
</form>
</body>
</html>
