第二次作业
码云:https://gitee.com/jgq123-22/second_assignment.git
动画演示部分:
可勾选框:
可上传文件筐:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Reading together </title> </head> <style type="text/css"> *{margin: 0;padding: 0;} <div style="position:relative;" overflow:hidden;> div{ width:100%; margin:0 auto; background-color:lightgray; background:url(JGQ7.jpg); } #p1{ width:300px; height:800px; background-color:red; float:left; } #p2{ width:800px; height:800px; background-color:GREEN; float:left; margin-left:10px; <img src="JGQ2.jpg" width="700PX" height="300px" /> } #p3{ width:200px; height:800px; background-color:blue; float:left; margin-right:10px; margin-left:10px; } </style> <body> <div style="position:relative";> <p id="p1"> <img src="JGQ1.jpg" width="300px" height="800px" > <div style="position:absolute;width="200px" height="400px""> <ol> <li></li> <li></li> <li></li> <li></li> </ol> <strong>关于读书的小调查</strong> <ol> <li></li> <li></li> <li></li> <li></li> </ol> <form action="/course/reg.do" method="post" enctype="multipart/form-data" width="100" top:"20"> <p>是否喜欢读书:<input type="text"/</p> <li></li> <p>认为读书的意义:<textarea></textarea></p> <li></li> <p>好书推荐:<input type="file"/></p> <li></li> </form> <body> <ol> <li></li> <li></li> <li></li> <li></li> </ol> </body> <body> <li><label><input type="checkbox" name="check">是否每天读</label></li> <li><lable><input type="checkbox" name="check">你的读书时间规律吗</lable></li> <li><lable><input type="checkbox" name="check">你读书是为了学习吗</lable></li> </body> <form action="/course/reg.do" method="post" enctype="multipart/form-data" width="100" top:"20"> <p><input type="submit" value="提交"/></p> </form> </div> </p> <div style="position:relative";> <p id="p2"> <body> <body> <marquee scrollamount="10" scrolldelay="100" dliection="right" width="800" height="300"> <img src="JGQ4.jpg" width="800px" height="300px" /> <img src="JGQ5.jpg" width="800px" height="300px" /> <img src="JGQ6.jpg" width="800px" height="300px" /> <img src="JGQ7.jpg" width="800px" height="300px" /> <img src="JGQ8.jpg" width="800px" height="300px" /> <img src="JGQ9.jpg" width="800px" height="300px" /> <img src="JGQ10.jpg" width="800px" height="300px" /> </marquee> </body> <body> <img src="JGQ2.jpg" width="800px" height="500" /> </body> </body> </p> <div style="position:relative";> <p id="p3"> <img src="JGQ3.jpg" width="200PX" height="800px"> </p> </div> </body> </html>