Form表单的知识点汇总

分享学习到的Form知识点，希望给同样有所需要的朋友共同学习。。愿我的分享，可以成为您的厚爱。。

简单的知识收到简单的回报，未来的努力造就优秀的自己。。。

<!--<form> ----表单 一般与table标签搭配使用,使表格横平竖直

.......

</form>

-->

<!-- <form action="表单提交地址" method="提交方法">

.....文本框、按钮等表单元素

</form>-->

<!--【action】属性：

用来指定表单属性数据要提交到哪里去

【method】属性：

指定网络请求方式 默认方式就是get请求

（1）: get请求 传递到服务端的数据以追加到url路径后的方式发送

规则：所有数据都在？之后多个数据，以&符号进行分割

get请求缺点：网络请求数据直接暴露在url里，敏感数据容易被窃取。

数据传输量比较小。

（2）：post请求 传递到服务器端的数据隐藏在请求体里，隐藏敏感数据

post优点： 传输数据隐秘性比较好

数据传输量基本上没有什么限制。-->

<!-- input的类型： ----name属性必须添加 ！！！！！为了正常的提交数据到服务器。

text:单行文本

password:密码 输入的文本以隐藏的方式显示

<input type="password" name="password"/>

radio:单选框 互斥的效果通过同名name来实现 value是提交数据的时候方便组成键值对

<input type="radio" name="sex" value="男" />

<input type="radio" name="sex" value="女" />

checkbox:多选 <input type="checkbox" name=" " value=" " >

reset:重置表单数据 <input type="reset" name=" " value=" " >

file:文件上传 <input type="file" name="files" >

submit:提交表单数据 <input type="submit" name="提交" >

image:图形提交按钮 <input type="image" src="../../a.png" name="img" >

button:普通按钮 <input type="button" value="普通按钮">

也可以直接<button>普通按钮</button>

select:下拉选择 size:显示下拉个数的大小 multiple:下拉数据可以同时选多个

<select name=" " value=" " multiple size="2"> -----multiple多选

<option>a</option>

</select>

textarea:文字区块 rows和cols定义文本域的大小

<textarea cols="20" rows="10"> </textarea>

fieldset:表单外框及标题

<fieldset>

<legend>用户注册</legned>

</fielset>

元素顺序： Tabindex: 1为开始索引

-->

<!--智能表单 通过form 的id 关联外部input

<form id="fool">

....

</form>

<input ... form="fool">-->