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>
posted @ 2020-04-13 15:35  不吃肉的羊  阅读(249)  评论(0编辑  收藏  举报