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">-->

原文地址:https://www.cnblogs.com/aixing/p/13327830.html