1.21 javaweb学习

今天学习了html中onsubmit的使用
onsubmit事件处理器是专门用于表单(form)的提交事件,所以要注意div标签是不能直接使用onsubmit的
今天在作业项目中出现了这样的问题,将onsubmit放在了div标签中,导致数据无法被正常处理,上传数据有误,修改至form后问题解决
修改前数据提交:

修改后:

继续学习溢出overflow
当 overflow 属性值为 auto 时,如果内容没有溢出元素的边界,则不会显示滚动条;只有当内容溢出时,才会显示滚动条
代码示例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        .box {
            width: 100px;
            height: 100px;
            border: 1px solid black;
            overflow: auto;
        }
    </style>
</head>
<body>
    <div class="box">
        文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
    </div>
</body>
</html>

overflow 属性还有两个对应的扩展属性,overflow-x:控制水平方向的溢出情况,overflow-y:控制垂直方向的溢出情况

posted @ 2025-01-21 18:14  再报错就堵桥0  阅读(7)  评论(0)    收藏  举报