溢出overflow和表单

溢出overflow

当文字的太多以至于超出div的容纳,此时溢出;能利用属性设置是否有滚动条

该属性在IE中有一个bug :就是设置一个宽高都是1px的div时,IE显示的是高5px的div;可以添加overflow:hidden;一般设置宽高特别小的div或者元素最好添加它

CSS会把图片初始化为块状元素

表单实例

<html>
<head>
    <title>表单</title>
</head>
<body>
    <form action="#" method="post">
    <p>姓名:<input type="text" name="user" value="王八"/></p>
    <p>密码:<input type="password" name="password"/></p>
    <p>性别:<input type="radio" name="sex" value="男" checked="checked"/>男
         <input type="radio" name="sex" value="女"/>女
    </p>
    <p>兴趣:<input type="checkbox" name="hobby" value="篮球"/>篮球
         <input type="checkbox" name="hobby" value="足球" checked="checked" />足球
         <input type="checkbox" name="hobby" value="排球"/>排球
         </p>
    <p>所在城市:<select name="city">
            <option value="北京">北京</option>
            <option value="上海" selected="selected">上海</option>
            <option value="广州">广州</option>
            <option value="深圳">深圳</option>
             </select>
    <p><textarea name="info">输入你想发表的话</textarea></p>
    <p>上传头像:<input type="file" name="head"/></p>
    <p><input type="submit" value="提交"/>
       <input type="reset" value="重置"/>
    </p>
    </form>
</body>
</html>
时间: 2024-10-13 16:46:26

溢出overflow和表单的相关文章

jQuery Validation Engine 表单验证

功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身拥有丰富的验证规则外,还可以添加自定义的验证规则. 兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+ 版本: jQuery v1.7+ jQuery Validation Engine v2.6.2 相对 2.2.4 版本的一些区别: 部分参数功能发生变化: 输入控件可以不写 id 属性: 参数 onSuccess 和 onFailure 改为

溢出overflow: hidden

如果要防止内容把div容器或者表格撑大,可以在CSS中设置一.overflow: hidden; 表示如果内容超出容器大小,就把超出部分隐藏(相当于切掉)二.overflow: scroll; 这个表示给内容加上控制滑块,可以在容器内部拖动它查看,而不把容器撑大(相当于窗体上的控制滑块) 当一个元素固定为某个特定大小,但内容在元素中放不下.此时就可以利用overflow属性来控制这种情况 定义 overflow溢出 值: visible | hidden | scroll | auto | in

表单文本两端对齐

1.在页面布局的时候,只要有表单就存在这个对齐方式的应用. 2.来源于网络,出处已忘记. 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>文本2端对齐</title> 6 <meta content="width=device-width, initial-scale=

微信小程序组件解读和分析:九、form表单

form表单组件说明: 表单,将组件内的用户输入的<switch/> <input/> <checkbox/> <slider/> <radio/> <picker/> 提交. 当点击 <form/> 表单中 formType 为 submit 的<button/> 组件时,会将表单组件中的 value 值进行提交,需要在表单组件中加上 name 来作为 key. form表单组件用法: 重置:<butt

CSS3-animation,表格表单的格式化

animation 1.与transition一样,animation在IE9之前都不支持,不仅如此,还需要大量的供应商前缀 2.定义关键帧:@内容中需要大量的前缀 @keyframes  fadeIn(animationName) from{ } 50%{ } to{ } /*from起始关键帧,to结束关键帧,也可以用0%,100%分别表示起始与结束*/ oparity的值为0表示不可见,为1的时候表示完全可见 3.在元素中应用: .b{ animation-name:fadeIn: ani

fusioncharts批量导出图片之后自动提交表单

最近一个项目  一个页面有多个fusioncharts,需要将他们一次性导出之后再利用图片做一下操作,制作一个可以客户下载的质检简报. 对客户效果来说,我只需要点击一个按钮就能生成简报并且下载,对开发人员来说就需要,先将图片导出(当然不能挨个导出,要同时执行导出,因为fusioncharts导出太慢了),要确认全部导出了才能提交表单,要不然提交表单之后,图片没有生成出来必然产生异常.下面我们来看一下实现 首先我给每一个fusionchartschart指定一个有规律的id,作用有两个: 一个是导

各种默认回车提交表单

总结: 1.如果form里面只有一个input type=text,那么无论有没有submit按钮,在input中回车都会提交表单.如果不想回车提交,需要再加一个input type=text,然后设置display:none. 2.如果form里面多于一个input type=text,那么必须有一个submit按钮才可以回车提交表单. 按钮可以是input也可以是button,他们应设置type=submit.如果只写button而不写type,那么IE下type=button,FF下则是t

Oracle EBS-SQL (SYS-7):表单个性化查询.sql

animation-timing-function animation-timing-function 规定动画的速度曲线.速度曲线定义动画从一套 CSS 样式变为另一套所用的时间.在平常的取值中,主要有以下几个: 值 描述 linear 动画从头到尾的速度是相同的. ease 默认.动画以低速开始,然后加快,在结束前变慢. ease-in 动画以低速开始. ease-out 动画以低速结束. ease-in-out 动画以低速开始和结束. cubic-bezier(n,n,n,n) 在 cub

Boottarp学习(三)表单

基础表单 表单主要功能是用来与用户做交流的一个网页控件,良好的表单设计能够让网页与用户更好的沟通.表单中常见的元素主要包括:文本输入框.下拉选择框.单选按钮.复选按钮.文本域和按钮等.其中每个控件所起的作用都各不相同,而且不同的浏览器对表单控件渲染的风格都各有不同. 同样,表单也是Bootstrap框架中的核心内容,下面向大家介绍Bootstrap框架中表单的制作. 表单源码查询 Bootstrap框架的表单,其源码占据了大量的代码,同样的,根据不同的Bootstrap版本,你可以轻松获取相应的