<!DOCTYPE html>
<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>表单</title>
</head>
<body>
<form action="#" method="get" id="myform" name="myform">
编号：<input type="hidden" name="userID" value="1" /><br>
姓名：<input type="text" value="zhangsan" name="ueserName" /><br>
密码：<input type="password" name="userPwd" maxlength="6" /><br>
性别：男<input type="radio" name="userSex" value="man" checked />
女<input type="radio" name="userSex" value="woman" /><br>
爱好：唱歌<input type="checkbox" name="userHobby" value="sing" />
跳舞<input type="checkbox" name="userHobby" value="dance" />
说唱<input type="checkbox" name="userHobby" value="rap" disabled /><br>
生日：<input type="date" name="userDate" /><br>
头像：<input type="file" name="userHead" /><br>
简历：<textarea name="remark" cols="30" rows="10"></textarea><br>
城市: <select name="city">
<option>请选择城市</option>
<option value="beijing">北京</option>
<option>上海</option>
<option>深圳</option>
</select>
<input type="button" value="普通按钮" />
<input type="reset" value="重置按钮" />
<input type="submit" value="提交按钮" />
<!-- <input type="image" src="img\轻工业.png" /> -->
</form>
字符实体:
<h2>hello world</h2>
©韩
<!-- <h2>hello world</h2> <h2>hello world -->
<pre><font size="5">
随堂笔记：
action（url）
method： post交 安全（请求体 加密） get查（暴露在地址栏 数据量有限，有缓存，快）
name 后台 前后台交互
p5 input元素：
表单元素需要设置name属性值，否则数据无法传递
type 表单元素的类型：
text 文本框
password密码框
radio 单选框（需要设置一组相同的那么属性）？？
checkbox复选框（需要设置一组相同的那么属性）
button普通按钮
hidden隐藏域（用来存放需要传递给服务器，但不需要显示的数据)
file文件域(上传文件)
date日期框
submit提交按钮
reset重置按钮
image图片按钮(提交按钮)
value表单元素的值
checked 是否选中 单选框/复选框
disabled 是否禁用
maxlength 允许输入的最大字符
p6表单元素标签
textarea文本域 cols rows行 多行输入框
设置label标签的for属性值与表单元素的id属性值对应，当点击label标签时，会自动给表单元素聚焦（光标过去）
button双标签 内文字格式修改 默认提交
select下拉框 option设置value传value，反之提交文本值
multiple 可多选 size 单次显示选项数
p7常用字符实体：
< < less than
> > greater than
空格
版权号 ©
</font></pre>
</body>
</html>