溢出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" 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>
原文地址:https://www.cnblogs.com/lzhlearn/p/5801399.html