HTML——6.框架iframe与表单form

目录

   1.内联框架iframe   

  2.HTML background

  3.HTML form表单

  4.多行文本框，可扩充

  5.   3种创建按钮的方式

---

   1.内联框架iframe
   

     即在html页面中再加载一个页面作为其子页面
    

    <p>内联框架，即在html页面中再加载一个页面作为其子页面；
    (可使用target="_blank "."_self")
    </p>
    <iframe src="f-a.html" frameborder="0" width=80% height="500px">
      href 中使用target="_blank" 在空页面打开
      self 在本页面打开
      parent 在父页面打开
      top 在顶级页面打开
      可嵌套多层，a->b->c
    </iframe>

  2.  HTML background

   使用图片作为背景，图片平铺->use css（body{.....}）

  3.  HTML form表单

   <input type="text">包含在<form>之间

<form action="">
        <input type="text" >
        <br/>
        <input type="text" value="Please input here">
        <br/>
        <input type="text"  placeholder="please input here2">
        <br/><!--placeholder 占位字符-->
        <input type="text" placeholder="1234567" maxlength="7">
        <!--限制长度-->
        <br/>
        <input type="text" placeholder="strlen the 框" size="60">
        <!--strlen the frame-->
        <br/>
        <input type="text" value="readonly->只读，用于复制，粘贴" readonly>
        <br/>
        <input type="password" placeholder="please your password">
        <!--使用type-》password-->
       
</form>

  4.  多行文本框，可扩充

   可用于留言框等

        <textarea rows="20">row->表示行，row=20，即有20行的文本</textarea> 
        <!--row-->
        <br/>
        <textarea cols="40"> col表示列</textarea>
        <hr/>

  5.   3种创建按钮的方式

    <form>
        <button>这是按钮</button>
        <br/>
        <input type="button" value="这也是按钮">
        <!--常与js连用-->
        <br/>
        <input type="submit" value="这还是按钮">
        <p >↑用于提交表单，需要加method与action</p>
        <p > button > input button > input submit </p>
    </form>