码迷,mamicode.com
首页 > 其他好文 > 详细

溢出overflow和表单

时间:2016-08-24 06:33:32      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:

溢出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>

 

溢出overflow和表单

标签:

原文地址:http://www.cnblogs.com/lzhlearn/p/5801399.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!