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

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

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


<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Titletitle>
head>
<body>
  
  <iframe src="https://music.163.com/#/album?id=36417372" name="ifrme" width="300px" height="300px">内联框架iframe>
  <a href="" target="ifrme">跳转到ifrmea>

body>
html>

运行结果

iframe内联框架和form表单的基本使用_第1张图片


表单的基本使用

  1. method(请求模式)和action(请求网站或地址)是必填的


  2. get不安全(提交时可以看到提交参数信息),但高效

  3. post相对安全,可以传大文件


  4. 网页中条状的东西基本都在input的type中找

  5. name最好都写上


  6. 单选框必须写name ,用来分组

  7. checked默认选中


  8. 图片也可以做按纽



<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Titletitle>
head>
<body>
  
  <form method="post" action="../index.html">
    
    <input type="submit" name="submit" value="提交">
    <input type="reset" name="reset" value="重置">
  

    
    <input type="password" maxlength="20" size="30"/>
  

    
    <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>

get方式可以在网址栏看到提交的数据
get提交

表单属性
iframe内联框架和form表单的基本使用_第2张图片

运行结果

iframe内联框架和form表单的基本使用_第3张图片

你可能感兴趣的:(前端,html5,前端,intellij-idea)