<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!--内边框-->
<!-- frameborder="0"取消外边框 -->
<!-- <iframe src="lyl.png" width="500px" height="500px" frameborder="0">浏览器不支持</iframe> -->
<!--form表单-->
<!-- action="https://www.imau.edu.cn"会将用户名和密码提交到此 method="post"秘密传输看不到用户名和密码，防止黑客盗窃
method="get"传输时可以看到
name="user" name="pwd"在传输可以看到时会变成uesr="输入的用户名"&pwd="输入的密码"(传输到服务器端)
placeholder="手机号或邮箱"在用户名文本框中出现此提示文字(提示的文字为虚体灰色)
value=""文本框里的值(values属性是他的值)
maxlength="16"文本框中输入的最大长度
<input type="file">可以上传文件
br换行
type="button"需要配合Java脚本使用
onclick="alert('hello word')"这是一个函数单击会弹出一个提示框 ("" ''交替出现)
单选框type="radio" name="gender"必须一样，否则男女变多选 在单选中 checked=""可以默认选择哪个
多选框为type="checkbox" name="gender"其不一样的名字 就变成多选了
下拉列表的创建<select size="2" name="xl">
size="2"(没有这个显示小三角去选择 有size会显示其数字的个数，少了会有下拉滑轮)
name="xl"(传输到服务器端的名字)
下拉列表中的列表内容<option value="本科" selected="">本科</option>
value="本科"(可以让传输时，会有xl=本科) 在下拉列表中 如果没有value这个属性(传输会变成xl=)(后面是空的)
文本域<textarea rows="8" cols="50">hello word!</textarea><br>
rows="8"行数 cols="50"列数
-->
<form action="https://www.imau.edu.cn" method="get"><!--method="get"-->
用户名：<input type="text" name="user" value="" placeholder="手机号或邮箱" maxlength="16"><br>
密码：<input type="password" name="pwd" maxlength="8"><br>
上传头像：<input type="file"><br>
性别：
<input type="radio" name="gender" value="man" checked="">男
<input type="radio" name="gender" value="woman">女<br>
爱好：
<input type="checkbox" name="gender1" value="chuang">唱
<input type="checkbox" name="gender2" value="tiao">跳
<input type="checkbox" name="gender3" value="rap">rap
<input type="checkbox" name="gender4" value="lanqiu">篮球<br>
学历：
<select size="2" name="xl">
<option value="高中">高中</option>
<option value="本科" selected="">本科</option>
<option value="研究生">研究生</option>
</select><br>
备注：
<textarea rows="8" cols="50">hello word!</textarea><br>
<input type="submit" value="登录">
<input type="reset" value="重置">
<input type="button" value="text" onclick="alert('hello word')">
</form>
</body>
</html>
