html表单标签总结

form表单

所有希望提交给服务器的数据都必须放在form表单里面，html5新增了form属性，可以在form标签外部通过属性引入表单。但是并不建议这样做

表单提交:

1.可以通过按钮提交
2.通过js提交
3.通过图片提交

action: 表单提交的地址
method: 请求方式

表单的种类

<!-- 文本输入表单 -->
paceholder属性可以保持在用户没有输入时出现的字符，输入后就消失，不会被提交。用户输入和这个一样的话会提示错误。
<input type="text"  value="请输入姓名:" size="22" name="username"/><br />
<!-- 单选按钮  checked:默认选中
-->
<input type="radio" name="gender" id="male" value="male" /><br />
<!--复选框是一键多值-->
<label for="playbasketball">打篮球</label>
<input type="checkbox" name="hobby" id="playbasketball" value="playbasketball" />
<label for="playfootball">踢足球</label>
<input type="checkbox" name="hobby" id="playfootball" value="playfootball" />
<!--下拉选项框  selected: 默认被选择-->
<label for="game">游戏</label>
<select name="game" id="game">
	<option value="LOL">LOL</option>
	<option value="CS">CS</option>
	<option value="CAR">跑跑卡丁车</option>
	<option value="MS">魔兽</option>
	<option value="XJ">星际</option>
</select>
<!-- 密码输入表单 -->
<!-- 设置文本输入框的长度 : size
 设置文本输入框的内容长度: maxlength-->
<input type="password" name="pwd" id="" size="22" maxlength="10"/>
<!-- 提交表单 -->
<input type="submit" value="提交"/>
<!--type=button:一般用来触发点击事件，调用函数 -->
<input type="button" name="" id="" value="点一下" onclick="alert('我被点了');"/>
<!-- 恢复到初始的状态，初始状态指的是网页第一次加载保存的数据记录-->
<input type="reset" name="" id="" value="重置" />
<!-- 文本域 -->
<h3>个人简介</h3>
	<textarea name="textrows" rows="20" cols="50">个人简介.</textarea>
<!-- 邮箱表单 -->	
<input type="email" name="email" id="email" value="" />
<!-- url表单，网址表单 -->
<input type="url" name="url" id="url" value="" />
<!-- 数字表单 -->
<input type="number" name="num" id="num"  step="3" min="0" max="18"/>
<!--滑块表单 -->
<input type="range" name="range" id="" value="" min="0" max="10" step="2"/>
<!--搜索表单 -->
<input type="search" name="search" id="" placeholder="请输入..."/>
<!--隐藏域表单  不会被用户看到的表单 -->
<input type="hidden" name="goodid" id="goodid" value="1001" />
<!--color 颜色选择器表单-->
<input type="color" name="color" id="color" value="" onclick="alert(document.getElementById('color').value)"/>
<!--date 日期选择器表单-->
<input type="date" name="date" id="date" value="" onclick=""/>

表单的校验

三端校验

1. 前端校验：就是防止用户输入不合法的信息，能够减轻服务器端的压力，使用正则校验
2. 后台校验：通过Java代码来做相应的判断
3. 数据库校验：数据库可以在插入数据的时候做校验