8.8课堂笔记

Y3265660267

于 2024-08-08 19:04:10 发布

阅读量182

点赞数 4

文章标签：笔记前端

本文链接：https://blog.csdn.net/Y3265660267/article/details/141033980

版权

1.表单属性（延伸）

常用

 <!-- 表单属性 -->
    <form action="">
        <!-- 日期 -->
        <input type="date">
        <!-- 月 -->
        <input type="month">
        <!-- 周 -->
        <input type="week">
        <!-- 网址 -->
        <input type="url">
        <!-- 邮箱 -->
        <input type="email">
        <!-- 范围 -->
        <input type="range">
        <!-- 数字 -->
        <input type="number">
        <!-- 拾色器 -->
        <input type="color">
        <!-- 提交按钮 -->
        <input type="submit">
    </form>

2.fieldset

fieldset元素可将表单内的相关元素分组

<form>
  <fieldset>
    <legend>输入相关信息</legend>
    username: <input type="text" />
    password: <input type="password" />
  </fieldset>
</form>

效果图

3.框架集

3.1frameset框架集

<frameset  rows| cols="10%,*，20%" >
     <frame  name="" src=""  noresize="noresize"  scrolling="yes/no/auto" />
     <frame  name="" src="" >
</frameset>

frameset属性

rows 横向分割
cols 纵向分割（这里分割的是指页面也就是body）
frameborder 0/1 规定是否显示框架边框
border 设置边框粗细

frame属性

noresize 规定无法调整框架的大小
scrolling yes/no/auto 规定框架是否出现滚动条

4.1frameset跳转

跳转到frame指定板块

给对应的frame定义name名字

< frame name="right" src="left.html"/ >

修改跳转方式 < a href="one.html" target="right">第一页

4.2noframes

判断你的浏览器是否支持框架

<frameset cols = "25%,*">
  <noframes>
    <body>
      你的浏览器不支持框架
    </body>
  </noframes>
  <frame src ="" />
  <frame src ="" /> 
</frameset>

4.3iframe内连框架

<iframe name="" src="" frameborder="0|1" 
width="" height="" scrolling="no|auto|yes">
</iframe>

name:规定 iframe 的名称 src:规定在 iframe 中显示的文档的 URL width:规定 iframe 的宽度 height:规定 iframe 的高度 scrolling:规定是否在 iframe 中显示滚动条

5.iframe跳转

<iframe name="" src="" frameborder="0|1" width="" height="" scrolling="no|auto|yes"></iframe>
<a href="http://www.baidu.com" target='_top|_parent'>百度</a>

Y3265660267

关注

4
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
8.8课堂笔记

name:规定 iframe 的名称 src:规定在 iframe 中显示的文档的 URL width:规定 iframe 的宽度 height:规定 iframe 的高度 scrolling:规定是否在 iframe 中显示滚动条。修改跳转方式 < a href="one.html" target="right">第一页。scrolling yes/no/auto 规定框架是否出现滚动条。frameborder 0/1 规定是否显示框架边框。给对应的frame定义name名字。跳转到frame指定板块。
复制链接

扫一扫