内嵌与表单

内嵌标签 iframe

<iframe src="http://www.taobao.com" width="100%" height="300px"></iframe>

指定水平方向为整块区域,垂直方向300px的大小显示淘宝网界面

width设置页面高度,height设置页面高度,name给内嵌页面设置名字,src设置内嵌页面要显示内容的地址

玩双搜

 1 <html>
 2     <head>
 3         <meta charset="utf-8" />
 4         <meta name="内嵌标签">
 5         <title></title>
 6     </head>
 7     <body>
 8         <h3>内嵌标签</h3>
 9         <hr>
10         <a href="http://www.taobao.com" target="_TB">淘宝</a>
11         <a href="http://www.JD.com" target="_JD">京东</a><br/>
12         <iframe src="" width="49%" height="300px" name="_TB"></iframe>
13         <iframe src="" width="49%" height="300px" name="_JD"></iframe>
14     </body>
15 </html>

框架标签:frameset  (要删除body标签)

  水平切割:rows(10%,*,10%)将网页分为三部分分别为10%,80%,10%

  垂直切割:cols

表单

  form表单标签:收集并提交标签内的用户交数据给指定服务器

  action属性值:收集提交地址(URL)

  method属性值:收集数据的提交方式

    get:适合提交小量数据,表单数据以?隔开,拼接在URL后面,不同数据以&隔开数据以键值对的方式进行显示,不安全

    post:适合提交大量数据,安全,隐式提交

  form表单域标签:给用户提供数据书写或可以选择的标签

  在点击提交时,form标签会将其内部所有form表单域标签中用户书写的数据按照method指明的提交方式提交给action属性所指明的提交地址

   <input type="" name=""> type为用户输入方式name为提交以后给服务器键值对的key值,value为默认值

   text为普通文本框(内容用户可见)    password为密码框(内容用户不可见)

   submit为提交按钮    radio为单选框(配合name标签使用,name值一样时,只能选一个,当使用checked属性时,该项作为默认选择项)

   CheckBox 多选框    button 普通按钮    hidden 隐藏标签

  select标签:下拉菜单:字标签option的内容为下拉值,value属性为值说对应要提交的数据

  textarea文本域标签:一个可以输入大量文本的文本框 rows行  cols列  name键

posted @ 2019-09-27 10:25  七月流星丶  阅读(209)  评论(0编辑  收藏  举报