溢出overflow和表单

最新推荐文章于 2022-04-19 09:02:33 发布

weixin_30632899

最新推荐文章于 2022-04-19 09:02:33 发布

阅读量184

点赞数

原文链接：http://www.cnblogs.com/lzhlearn/p/5801399.html

版权

溢出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" size=“20” 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>