Blogger Information
Blog 4
fans 0
comment 0
visits 2049
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
html中的重点 (表单提交、的使用、CSS样式优先权)
画骨
Original
329 people have browsed it

1. 表单登录

  1. <div class="top-tt">
  2. <form action="/home.html" method="post">
  3. <label for="username" >用户名:</label>
  4. <input type="text" name="username" id="username" placeholder="请输主用户名">
  5. <label for="email" >Email:</label>
  6. <input type="text" name="email" id="email" placeholder="请输入邮箱">
  7. <label for="pw" >密 码:</label>
  8. <input type="text" name="pw" id="pw" placeholder="请输入8位以上密码">
  9. <input type="submit" value="登 录">
  10. </form>
  11. </div>

2. <iframe>表单使用

  1. <!-- 导航 -->
  2. <div class="nav">
  3. <div class="nav-1200">
  4. <a class="item" href="/" >首页</a>
  5. <a class="item" href="http://www.php.cn" target="content" >班花跳舞视频</a>
  6. <a class="item" href="https://www.ifeng.com/" target="content" >校花跳舞视频</a>
  7. </div>
  8. </div>
  9. <div class="index-box">
  10. <div class="box-iframe">
  11. <iframe class="" src="https://www.sina.com.cn" frameborder="2" name="content"></iframe>
  12. </div>
  13. </div>

3. CSS样式优先排序

  1. <style>
  2. .ddv{
  3. display: flex;
  4. justify-content: center;
  5. margin-top: 10px;
  6. }
  7. .hao{
  8. width: 100px;height:100px;background: rgb(219, 64, 180);
  9. }
  10. #haohao{width:100px;height: 100px;background-color: aqua;}
  11. </style>
  12. <div class="ddv">
  13. <div class="hao" >
  14. <p>1</p>
  15. </div>
  16. <div class="hao" id="haohao" >
  17. <p>2</p>
  18. </div>
  19. <div class="hao" id="haohao" style="width:100ox;height:100px;background:red;" >
  20. <p>3</p>
  21. </div>
Correcting teacher:PHPzPHPz

Correction status:qualified

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post