博客列表 >html中的重点 (表单提交、的使用、CSS样式优先权)

html中的重点 (表单提交、的使用、CSS样式优先权)

画骨
画骨原创
2022年03月20日 15:15:56326浏览

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>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议