<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登录页面</title>
</head>
<body>
<!-- 表单-->
<!-- action:提交地址 get方式在到主页面的时候会显示name = value 一个键值对 上传文件的表单 编码属性 -->
<form action="main.html" method="get" enctype="multipart/form-daata">
<!-- type 文本框 取名字 一般后面通过id来操作 显示默认的字体 -->
<p>账号 <input type="text" name="userName" id="userName" value="admin" size="10" maxlength="10" placeholder="请输入用户名"/> </p>
<!-- type 密码框 -->
<p>密码<input type="password" name="password" id="password" size="10" maxlength="20" placeholder="请输入密码" /></p>
<!-- 一样是文本框 -->
<p>验证码<input type="text" name="vCode" id="vCode" size="10" maxlength="6" placeholder="请输入验证码"/>换一个</p>
<!-- 单选框 默认选中 -->
<p>性别 <input type="radio" name="sex" checked="checked" value="男"/>男 <input type="radio" name="sex" value="女"/>女</p>
<!-- 复选框 -->
<p>爱好:<input type="checkbox" name="like" value="打游戏"/>打游戏
<input type="checkbox"name="like" value="睡觉"/>睡觉
<input type="checkbox" name="like" value="爬山"/>爬山
<input type="checkbox" name="like" value="露营"/>露营</p>
<p>学历
<!-- 下拉框 -->
<select name="education" size="1">
<!-- option 像表格一样 -->
<option value="小学" >小学</option>
<option value="初中">初中</option>
<!-- 默认选中 -->
<option value="高中" selected="selected">高中</option>
</select>
</p>
<p><input type="radio" name="记住"/ >在此电脑记住用户名</p>
<!-- 提交按钮 跳转的是action的页面 给个超链接跳转到百度 一般按钮 -->
<input type="submit" id="submit" name="submit" value="登录"> <a href="https://www.baidu.com" target="_blank"><input type="button" value="跳转到百度"/></a>
<!-- 重置按钮 -->
<p><input type="reset" id="reset" name="reset" value="重置"/></p>
<p>自我介绍:<textarea name="myself" rows="3" cols="5"></textarea></p>
<p>上传文件 <input type="file" name="files" /></p>
<!-- 隐藏域 -->
<p>出生年月:<input type="date"name="userid" value="666" /></p>
<input name="name" type="text" value="张三" readonly="readonly">
<input type="submit " disabled="disabled" value="保存" >
<!-- ● readonly="readonly" 只读文本框
● disabled="disabled" 禁用
-->
</form>
</body>
</html>