zoukankan      html  css  js  c++  java
  • ifram框架,form表单

    1.ifram框架

      <!--target属性的值与iframe的name相同可修改iframe跳转的地址-->

      <p><a href="b.html" target="iframe-a" >百度</a></p>

      <iframe src="a.html" name="iframe-a" width="500" height="500" frameborder="0"></iframe><!--可以直接引入其他文件-->

      <!-- <iframe src="a.html" name="iframe-a" width="500" height="500" frameborder="0"></iframe>引入其他文件 -->
      <!--修改a链接的target属性和iframe的name值相同可以修改框架跳转的链接-->
       <!--在子文件里修改a链接的target值可以设定在父窗口打开或最顶窗口打开,_parent父窗口打开_top最顶窗口打开-->
    2.form表单
       <from action="">action输入提交到后台的地址
      form表单向后台传递内容需要name value 成对提交
      <input type="text" name="" id="" value="" readonly disabled required><!-- readonly只展示不能修改 disabled不能往后台传递,不能使用 required判定内容为空不能提交-->
      <input type="password" name=""><!--密码框-->
      <input type="radio" name="sex" checked id="" value="">女<!--密码框,checked属性默认选中,两个单选按钮通过name属性相关联-->
      <input type="checkbox" name="" id=""value="" ><!--复选框-->
      <input type="button" value="按钮" name=""><!--按钮 内容是在value内写--> cursor这个属性可以让按钮标签鼠标放上出现小手pointer  例子:cursor :pointer 
      <input type="hidden" name=""><!--隐藏域 隐藏起来在页面中找不到-->
      <input type="file" name="" id=""> <!-- 上传文件按钮 -->
      <input type="submit" value="提交">提交按钮
      <input type="reset" value="重置">重置按钮
      下拉框
        <select name="" id="">
                  <option value="" >1</option><!--后台提交的是value和name-->
                  <option value="" selected>2</option><!--selectde属性默认选中-->
              </select>
      文本域
        <textarea name="" id="" cols="30" rows="10"></textarea>
      文本框内提示,在输入内容后消失
      <input type="text" placeholder="提示">
       </from>
  • 相关阅读:
    mysql 历史版本下载
    mysql 5.7 版本 You must reset your password using ALTER USER statement before executing this statement报错处理
    5.7 zip 版本的安装 以及遇到的坑
    mysql 5.6zip版本的卸载与5.7 zip 版本的安装
    mysql数据库的备份与还原
    本地Navicat连接docker里的mysql
    docker修改数据库密码
    docker 在push镜像到本地registry出现的500 Internal Server Error
    linux 没有界面内容显示不全解决办法
    json与map互相转换
  • 原文地址:https://www.cnblogs.com/sheep-fu/p/12691688.html
Copyright © 2011-2022 走看看