html随笔
1、常用的html标签、表单
<P></P>
<br>
<h1>
<ul></ul>
<li></li>
<font></font>
<body></body>
<div></div>
表单：
<!--表单域 form-->
<form method="post" action="1.php" name="from1">
<!--表单的提交方式，表单提交给谁,起名 -->
<!--post比get更安全，无密码信息等，get数据量传输少，post和get都是提交信息的方式，post添加到协议中上传，get直接上传-->
用户名:<input type="text" value="张三" size="30" maxlength="6" name="usename" id="usename">
<!--text,文本框,value 默认初始值,设置表单的尺寸,最大输入的字符数 name和id配合动态网站使用如：php or 做特效，name可以重复，id唯一不可重复--><br>
<br>
密码:<input type="password" name="pwd" id="wde">
<br>
确认密码:<input type="password" name="pwd1"><br>
<br>
<!--单选-->
性别:<input type="radio" name="sex" value="1" checked>男<input type="radio" name="sex" value="2">女
<!--value 选中项发给服务器的值 checked 默认选中 name 分组，也是单选按钮的名字--><br>
<br>
<!--复选-->
爱好:<input type="checkbox" name="ah" value="1">唱歌<input type="checkbox" name="ah" value="2">跳舞<input type="checkbox" name="ah" value="3">读书
<!--value 选中项发给服务器的值 在复选中一般不设置checked 默认--><br>
<br>
<!--文件上传-->
头像:<input type="file"><br>
<br>
<!--邮箱，具有自己的验证功能，可行性证明-->
邮箱:<input type="email"><br>
<br>
<!--个人主页，具有自己的验证功能，可行性证明-->
个人主页:<input type="url"><br>
<br>
<!--电话，没有自定义的验证，需自己添加验证，为什么没有验证，固定电话，每个国家的电话，不同的电话类型等不统一，无法进行统一的验证 -->
电话:<input type="tel"><br>
<br>
<!--搜索，在输入内容的时候会有个x在表格上 -->
搜索:<input type="search"><br>
<br>
<input type="text">
颜色:<input type="color"><br>
<br>
年龄:<input type="number" min="16" max="100" value="20" step="2">
<!--数字框：可以限制最大值最少值,可以手动输入，也可以用上下键调节，加一减一，此时可以设置步长，如上所示，加2减2，可以设置初始值value --><br>
<br>
范围：<input type="range">
<!--滑竿--><br>
<br>
日期:<input type="date">
<!--年月日 --><br>
<br>
月份:<input type="month">
<!--哪一年的第几个月 --><br>
<br>
星期:<input type="week">
<!--哪一年的第几周 --><br>
<br>
时间:<input type="time"><br>
<br>
日期时间:<input type="datetime">
<!--国际时间 --><br>
<br>
本地时间:<input type="datetime-local"><br>
<br>
评论:<textarea cols="30" rows="5" readonly placeholder="请输入评论">请输入评论</textarea>
<!--多行文本框，有一个默认的大小，默认的宽高 rows行数，cols宽度 开始和结束标签之间可以输入内容，也就是初始值 readonly只读 placeholder也可以添加提示信息--><br>
<br>
地区:<select size="4" multiple>
<option>请选择地区</option>
<option selected>山东</option>
<option>河南</option>
<option>河北</option>
</select>
<!--下拉列表select option选项 网页打开有一个默认选中项 selected 默认选中属性（列表） 单选复选用的是checked 默认选中-->
<!--size="1"or不写，就是下拉列表，size>1就是一个列表，size>3 项目比较多，有滚动条 -->
<!--multiple 可以进行多选，用ctrl和shift 只能用在列表上，不能用在下拉列表上 --><br>
<br>
分组地区:<select>
<option>请选择地区</option>
<optgroup label="山东">
<option>青岛</option>
<option>济南</option>
<option>烟台</option>
</optgroup>
<optgroup label="四川">
<option>成都</option>
<option>重庆</option>
</optgroup>
</select>
<!--分组的下拉列表 optgroup用于分组，组名用label--><br>
<br>
用户姓名:<input type="text" list="xing">
<datalist id="xing">
<option>张三</option>
<option>李四</option>
<option>王五</option>
</datalist>
<!--给文本框加选项，提供给用户进行选择 datalist数据列表 建立关联 list和id相配合--><br>
<br>
<!--按钮-->
<!--提交按钮-->
<input type="submit" value="注册">
<!--value 对按钮来说就是改变按钮上的文字,本来是提交,提交按钮-->
<input type="reset" value="重置">
<!--重复(重置)按钮-->
<input type="image" src="images/but.jpg">
<!--图片按钮吗，具有提交功能，提交数据到服务器-->
<input type="button" value="关闭">
<!--普通按钮，需自己定义功能，自己写代码-->
<input type="hidden" name="wjm" value="传值">
<!--不会显示在网页中,起到一个传值的作用，配合动态网页使用-->
</form>
2、鼠标事件：
当点击鼠标执行引号中脚本
<img src=*onmouserover="">当鼠标移动至制定元素时执行脚本
3、窗口事件
<body onload ="alter(1)">
4、键盘事件
<input type ="text" onkeyup="">
<input type = "text" onkeyup="">
6、表单是什么
1、采集用户输入的数据
2、提供给用户个性化的输入
