CSS表单

iframe元素

框架页
用于在网页中嵌入另一个页面

iframe 可替换元素
  1. 一般都是行盒
  2. 显示的内容取决于元素的属性
  3. 关于iframe这个元素的样式可以控制,但不能控制src引入页面的样式
  4. 具有行块盒的特征

在网页中使用flash

embed
object

type
data 指定的资源的 MIME 类型
资源jpg图片, MIME:image/jpeg

表单(form)元素

包裹作用 将表单控件中收集到的信息,提交给服务器
    在提交的过程中去设定提交方式 提交的目的地
form
  1. action 定义表单提交的动作, 找到服务器的URL
    默认 提交给本页
  2. method 制定表单数据提交的方式 有至少6中
    其中最常见的两种方式
    post 数据会隐式提交
    无数据大小限制
    表单数据的编码方式:
    enctype:
    application/x-www-from-urlencoded 默认值
    multipart/form-data 上传文件的时候使用
    text/plain 非常少见
    get 默认值 用户的数据会在地址栏显示
    提交数据大小有限制,根据不同的浏览器来定 谷歌 8k

表单控件

一系列元素,主要用户收集用户数据

input元素

  • type属性:输入框类型
    type: text 普通的输入框
    password
    number
    search
    date
    checkbox
    radio

    range
    color

input元素都有的属性

  • value属性:输入框的值
  • name属性 控件的名字,服务端使用 没有名字,value值无法提交
  • placeholder 提示信息 占位符 不会被提交
  • disabled 写了这个属性就是真,否则就是假

使用 border 属性可以修改 input 边框的大小或颜色,使用 border-radius 属性可以给 input 添加圆角:

label元素

普通元素,通常配合单选或多选框使用
  • 显示关联
    利用label的for属性,和表单元素的id值关联

textarea 元素

文本域 多行

select 元素

下拉列表选框
搭配option元素使用

按钮元素

type: reset  submit  button 

datalist

数据类表

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值