iframe内联框架和form表单的基本使用

helloses

已于 2022-03-19 18:48:53 修改

阅读量598

点赞数

分类专栏：前端文章标签： html5 前端 intellij-idea

于 2022-03-19 18:23:01 首次发布

本文链接：https://blog.csdn.net/lm12032015/article/details/123599813

版权

前端专栏收录该内容

11 篇文章 0 订阅

订阅专栏

iframe内联框架:网页内嵌套另一个网页

iframe内联框架
主要是在当前网页中,显示另一个网页
但是有的网站屏蔽了内联框架
可以和a标签联动

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  <!-- 网页内嵌套另一个网页 -->
  <iframe src="https://music.163.com/#/album?id=36417372" name="ifrme" width="300px" height="300px">内联框架</iframe>
  <a href="" target="ifrme">跳转到ifrme</a>

</body>
</html>

运行结果

iframe

表单的基本使用

method(请求模式)和action(请求网站或地址)是必填的
get不安全(提交时可以看到提交参数信息),但高效
post相对安全,可以传大文件
网页中条状的东西基本都在input的type中找
name最好都写上
单选框必须写name ,用来分组
checked默认选中
图片也可以做按纽

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  
  <form method="post" action="../index.html">
    <!--网页中条状的东西基本都在input的type中找

        name最好都写上
    -->
    <input type="submit" name="submit" value="提交">
    <input type="reset" name="reset" value="重置">
  <!--  =====================================================  -->

    <!--  maxlength最大可输入长度,size初始长度
          建议给自闭合标签手动加闭合符,看个人习惯
      -->
    <input type="password" maxlength="20" size="30"/>
  <!--  =====================================================  -->

    <!--单选框必须写name  ,用来分组:同一个组内的单选框只能选择一个
        checked默认选中
       -->
    <input type="radio" name="radio" value="man" checked>男
    <input type="radio" name="radio" value="woman">女

    <input type="checkbox" value="apple">苹果
    <input type="checkbox" value="pear" checked>梨子
    <input type="checkbox" value="strawberry">草莓
  <!--  =====================================================  -->

    <input type="button" value="只是一个按纽">

    <!--  图片也可以做按纽  -->
    <input type="image" src="../resource/image/李长歌.jpg" title="这是一个图片式按纽" width="55px" height="95px">



  </form>

</body>
</html>