0325-表单标签-笔记

1.什么是表单？
表单就是专门用来收集用户信息的
2.什么是表单元素？
在html中，标签、标记、元素都是指html中的标签
表单元素其实还是html中的一些标签，只不过这些标签比较特殊，在浏览器中所有的表单标签都有特殊的外观和默认的功能
3.表单的格式
<form>
<表单元素>
</form>
4.常见的表单元素
input标签，input标签有一个type属性，这个属性有很多类型的取值，取值的不同就决定了input标签的功能和外观
<!--明文输入框-->
账号：<input type="text"><br>
<!--暗文输入框-->
密码：<input type="password"><br>
<!--给输入框设置默认值-->
账号：<input type="text" value="请填写账号"><br>
密码：<input type="password" value="请填写密码"><br>
<!--单选框
注意点：
1.默认情况下，单选框不会互斥，要想单选框互斥，必须给每个单选框标签设置name属性，然后name属性还必须设置相同的值
2.要想单选框默认选中某一个框子，可以给input标签添加一个checked属性,有多个checked，那么会选中最后一个
3.在html中，属性的取值和属性的名称一样，可以只写一个，但是在xhtml中，必须写上取值，所以在企业开发中，最好不要省略取值-->
性别：<input type="radio" name="gender">男
<input type="radio" name="gender">女
<input type="radio" name="gender" checked="checked">保密
<input type="radio" name="gender" checked>保密 <br>
<!--单选框-->
爱好:
<input type="checkbox" checked>篮球
<input type="checkbox">足球
<input type="checkbox">棒球

定义普通按钮

可以通过value属性来给按钮指定标题
作用：配合js完成一些操作
格式：<input type="button" value="按钮">

图片按钮
作用：配合JS完成一些操作
格式：<input type="image" src="images/tp.jpg"

重置按钮
作用：用于清空表单中已经填写好的数据
格式：<input type="reset">
注意点：如果想修改充值按钮默认的按钮标题，可以通过value属性来修改

提交按钮
作用：将表单中已经填写好的数据，提交到远程服务器
格式：<input type="submit">
注意点：要想把表单中填写好的数据提交到远程服务器，必须具备两个条件。
1.需要给form表单添加一个action的属性，通过这个action属性指定需要提交到的服务器地址
2.需要给提交到服务器的表单元素添加一个name属性

隐藏域
作用：配合提交按钮将一些数据默默的提交到服务器Ajax
格式：<input type="hidden">