html表格表单

表单标签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)
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值