HTML-form表单+iframe

form 表单标签

form表单是标签是所有标签最核心标签之一，它是用来实现前后端交互的一个重要标签
常用属性：
name：表单名称
action：表单数据提交的地方（通常是一个后台文件名（.jsp/.php/.asp/.aspx/.py等），或网址）。如果是#，表示提交到当前文件下。
method：前端提交数据到后台的方法，主要有get和post。默认的是get。

用get提交，数据会直接暴露出来，用past不会暴露显示的是action的值

表单元素有：
input类：主要完成输入,选择或发出指令根据不同的type属性，可以变化多种状态输入模式

<input type="text" /> 默认值，单行文本输入框

属性：
placeholder 提示
name 命名
minlength和maxlength 最少/多输入的字符个数
disabled 失效
readonly 只读
value 设置框内默认值
pattern 进行正则匹配

<input type="password" /> 密码框

属性与text一样

<input type="submit" /> 表单数据提交至后台的按钮

属性：
value 按钮的标题
disabled 失效

<input type="image" /> 图片提交按钮，用法与button一样

属性：
src（特殊属性）用来加载提示图片，用它替换了value
disabled 失效
他有提交功能，与submit一样。

<input type="radio" /> 单按钮，通常是两项以上。

属性：
name（必须要有，用来分组的）
value
checked 选中
disabled 失效
readonly 只读

<input type="checkbox" /> 复选框，可以用来选择0项，1项，多项

属性：
name（必须要有，用来分组的）
value
checked 默认选中
disabled 失效
readonly 只读

<input type="button" /> 普通按钮

属性：
value 按钮的标题
disabled 失效

<input type="reset" /> 重置按钮，将表单所有组件输入的内容全部清空，还原为初始状态

属性：
value 按钮的标题
disabled 失效
文件上传按钮

textare类：

文本域，也可以叫多行输入框，主要用来输入大批量的的内容。
常用属性：
name
id
cols 列数
rows 行数
placeholder 提示
minlength和maxlength 最少/多输入的字符个数
required 必须输入
value 获取文本内容

select类：

下拉列表框，默认用于单项选择，用option呈现每一个属性
常用属性：
multiple属性：可以表示多选，此时下拉列表框变成了列表框
size：最多显示的行数

button类：

普通按钮，具有提交功能，可以单独使用，不写在form元素中；如果写在form中，有提交功能
button:定义普通按钮。
reset:定义重置按钮。
submit：定义提交按钮。

form 表单标签

iframe:框架集，是用来将多个网页文件组合成一个文件。相当于在网页中又嵌套了一个或多个窗口。

常用属性：
name：框架名，
src：用来引入外部HTML文件
scrolling：滚动条，（yes/no/aout）
width：宽度
height：高度
frameborder：是否有边框（1/0）
marginheight：框架离顶部和底端的距离（%/px）
marginwidth：框架离左边和右边的距离（%/px）

注意：在实际开发中，尽量减少使用iframe，因为他破坏了前进和后退功能，且不利于SEO（搜索引擎优化）

HTML-form表单+iframe相关推荐

form 表单 + HTML5(FileReader) +iframe 实现无刷新图片上传+图片预览效果
作为一个初入前端的菜鸟,最近因为一个无刷新上传图片问题走了很多弯路,所以在这里给大家分享一下,不足之处希望谅解.无刷新上传图片一般有两种方式,一种是 form 表单+iframe ,还有一种是 aja ...
form表单的使用，iframe内嵌标签
一.form表单,表单名称使用name action 把当前表单中的数据提交到哪个程序去处理后端功能接口 method 表单的提交方式常用的两种方式, get:可以缓存到浏览器中,有长度限制(204 ...
关于异步提交form表单
1.异步提交form 表单方法一: 采用隐藏iframe来提交表单, 代码:<div id="upload_file" title="<%=Res.Cul ...
form表单提交不刷新页面的方法
方法1:给form表单加onsubmit事件,值为return false; <form action="" method="post" οnsubmi ...
项目回顾1-图片上传-form表单还是base64-前端图片压缩
第一个项目终于上线了,是一个叫亲青筹的公益众筹平台,微信端,电脑端还有后台界面大部分都是我完成的,几个月过来,感觉收获了很多,觉得要总结一下. 首先想到的是图片上传的问题.在通常表单数据都是ajax上 ...
前端请求进化之路--从form表单到JSONP
简单梳理前端请求的变迁史,着重对JSONP进行整理请求演变使用form表单提交请求,缺点是每次提交必定会刷新页面在1基础之上使用iframe进行局部刷新,用户体验得到一定优化动态创建图片提交请 ...
Django框架之 Form表单和Ajax上传文件
Django框架之 Form表单和Ajax上传文件浏览目录 Form表单上传文件 Ajax上传文件伪造Ajax上传文件 Form表单上传文件 html 1 2 3 4 5 6 7 <h3& ...
form表单提交回调函数
form表单没有回调函数,不过可以通过jquery-form.js这个插件来实现回调函数: <form id="addform" class="form-horiz ...
form表单target的用法
2019独角兽企业重金招聘Python工程师标准>>> 偶然有一机会发现form表单的target的用法,可以实现当前页表单提交而不进行跳转刷新.代码如下,首页在页面里准备一form ...
form表单提交后提示成功信息
jsp中的写法: <iframe id="registerIframe" name="registerIframe" src="" s ...

HTML-form表单+iframe

form 表单标签

form 表单标签

HTML-form表单+iframe相关推荐

最新文章

热门文章