美文网首页Python程序员
表单、clearfix、图片在ie6修复

表单、clearfix、图片在ie6修复

作者: 叫我老村长 | 来源:发表于2018-07-12 23:01 被阅读14次

完善clearfix

.clearfix:before,
        .clearfix:after{
            content: "";
            display: table;
            clear: both;
        }
        .clearfix{
            zoom: 1;
        }

表单

input
type属性可选值:
text:文本框
password:密码框
submit:提交按钮
radio:单选按钮
checkbox:多选框
reset :重置按钮
select、option
select用于创建一个下拉列表。
option表示下拉列表中的列表项。
optgroup用于为列表项分组。
textarea
textarea用来创建一个文本域,实际效果和 文本框类似,只是可以输入多行数据。
可用属性:
cols:文本域的列数
rows:文本域的行数
fieldset、legend、label
fieldset用来为表单项进行分组。
legend用于指定每组的名字。
label标签用来为表单项定义描述文字。

<form action="xxx.html">提交的服务器
        <fieldset>  外框
            <label for="um">用户名</label>  外框的标题
            <input id="um" type="text" name="username" value="value">   提交username   name用于服务器分辨。value对应for  name服务器调用
            <label for="pwd">密码</label>
            <input id="pwd" type="password" name="password"><br><br>    
        </fieldset>

单选

性别<input type="radio" name="gender" value="male" id="male">
    <label for="male">男</label>
    <input type="radio" name="gender" value="female" checked="checked" id="female">   checked默认值
    <label for="female">女</label>

多选

爱好<input type="checkbox" name="hobby" value="zq">zq
    <input type="checkbox" name="hobby" value="lq">lq
    <input type="checkbox" name="hobby" value="ymq" checked="checked">umq
    <input type="checkbox" name="hobby" value="ppq" checked="checked">ppq

下拉

<select name="start">
            <optgroup label="女明星">
                <option value="fbb">ss</option>
                <option value="lxr">aa</option>
            </optgroup>
            <optgroup label="男明星">
                <option value="zbs" selected="selected">xx</option>
                <option value="ldh">ldh</option>
            </optgroup>
        </select>
        

文本域

自我介绍<textarea name="info"></textarea>

图片在ie6修复
IE6png24的修复。(透明效果不好)
png24 改png8. 清晰度下降。

条件hack 为特殊浏览器特殊设置。只对ie6有效。
属性hack
选择符hack

<!--[if IE 6]>
    <script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script>
    <script type="text/javascript">
        DD_belatedPNG.fix("div,img");
    </script>
<![endif]-->

相关文章

  • 表单、clearfix、图片在ie6修复

    完善clearfix 表单 inputtype属性可选值:text:文本框password:密码框submit:提...

  • 表单、clearfix、图片在ie6修复

    完善clearfix 表单 inputtype属性可选值:text:文本框password:密码框submit:提...

  • 前端笔记(7)

    代码:(1)完善clearfix (2)表单 (3)_target (4)框架集 (5)ie6png图片的修复 (...

  • 表单,clearfix

    表单在[网页]中主要负责[数据采集]功能。一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CG...

  • 前端(08 HTML知识)

    1.表单 2.完善clearfix

  • 完善clearfix 表单

    解决父子元素的外边距重叠 .box1:before{ content: ""; display:table可以将一...

  • HTML 日常了解7

    按钮练习 雪碧图 简写背景属性 表格 表格 给表格添加样式 表格的布局 完善clearfix 表单 模拟后台服务器...

  • HTML-07day

    1、框架集 2、条件Hacl 3、修复 4、完善clearfix 5、表格

  • 2018-11-28

    表格 表格 长表格 表格的布局 完善clearfix 表单 模拟后台服务器 表格

  • 完善clearfix、表单、框架集

    完善clearfix content:' ' display:table作为属性进行设置 父子元素可以合并编写 例...

网友评论

    本文标题:表单、clearfix、图片在ie6修复

    本文链接:https://www.haomeiwen.com/subject/oytdpftx.html