表单标签form
表单用于向服务器传输数据。
表单能够包含input元素;比如文本字段、复选框、单选框、提交按钮等。
表单还可以包含textarea、select、fieldset和label元素。
1、表单属性
HTML表单用于接收不同类型的用户输入,用户提交表单时1向服务器传输数据,从而实现用户与web服务器的交互。表单标签,要提交的所有内容都应该在该标签中。
action:表单提交到哪? 一般指向服务器端一个程序,程序接收到表单提交过来的数据(及表单元素值)作相应的处理,比如http://www.sohou.com/web
method:表单的提交方式post/get默认取值就是get(信封)
get:1、提交的键值对放在地址栏url后面
2、安全性相对较差
3、对提交内容的长度有限制
post: 1、提交的键值对不在地址栏
2、安全性相对较高
3、对提交的内容长度理论上没有限制
get/post是常见的两种请求方式。
2、表单元素
1)、input 标签的属性和对应值
类型(type):text 文本输入框 password 密码输入框 radio 单选框
checkbox 多选框 submit 提交按钮 button 按钮(需要配合js使用) file 提交文件:form表单需要加上属性 enctype=“multipart/form-data”
name属性是和服务器通信时使用的名称;而id属性是浏览器端使用的名称,该属性主要是为了方便客户端编程,而在css和js中使用的。
value:表单提交项的值,对于不同的输入类型,value属性的用法也不同。
表单元素
- input类:主要用于输入,选择或者发出指令
- textarea类:(文本域,也叫多行文本框。主要用于输入大批量的内容。)
- select类:
- button类
表单通用元素
- name:字段名称
- value:字段初始值
- readonly:规定输入字段为只读
- disabled:规定输入字段禁用的
iframe框架标签
<iframe>元素会创建包含另一个文档的内联框架,也是镶嵌在一个网页中的另一个网页,相当于网页中又嵌套了一个窗口、
注意:在实际开发时,尽量减少iframe。因为它破坏了前进和后退功能,且不利于SEO
常用属性:
name:框架名
src:引入外部html
scrolling:滚动条(yes、no、auto)
width:宽度(%,px)
height:高度(%,px)
frameborder:是否有边框(1、0)
marginheight:框架离顶部和底端的距离(%,px)
marginwidth:框架离左右的距离(%,px)