前端视频-day3(1)

2017-10-18  本文已影响0人  Miio_

表单

表单不是表格,表单的核心是数据。

表单标签的构成和形式:

<form action="将本表单的数据提交给的对象(是一个php文件名而已)" method=“post”>表单项</form>

 单行文本框:<input type=”text”  name=”n1” value=”初始文字”  size=”10”   maxlength=”15” readonly=”readonly” />
 密码框:<input type=”password” name=”n2” />
 单选项:<input type=”radio” name=”n3”  value=”1”  />
 多选项:<input type=”checkbox” name=”n4”  value=”1”  />
 文件域:<input type=”file”  name=”n5” />
 提交按钮:<input type=”submit” name=”n6” value=”提交” />
 重置按钮:<input type=”reset” name=”n7” value=”重置” />
 普通按钮:<input type=”button” name=”n8” value=”按钮” />
 图片按钮<input type=”image” name=”n9” src=”图片地址url” />
 隐藏域:<input type=”hidden”  name=”n10 />
下拉选项:<select name=”n11” size=”行数”  multiple=”multiple” >
<option  value=”1” selected=”selected” >文字1</option></select>

下面是我写的一个简单的注册表单

注册.png

注意:表单项都必须有name属性。
将文字和选项绑为一体
<label>.............................</label>

表单案例

这是自己学着视频练习的一个


表单注册2.png 表单注册1.png

框架标签

rameSet : 一个frameSet可以把一个页面切割成多份。
只能按照行或者列切割。
frame 不能被切割的。 frame是位于frameSet中。
iframe: 在一个网页中分隔一部分的位置显示另外一个网页的的信息。
注意: frameSet标签不能用于body标签体内容。

框架结构标签 <frameset>,其主要属性是rows和cols,

  <html>
    <frameset cols="25%,50%,25%">
   <frame src="frame_a.htm" />
   <frame src="frame_b.htm" />
   <frame src="frame_c.htm" />
    </frameset>
 </html>

<frame>标签定义 frameset 中的一个特定的窗口(框架)。其常用的属性如下:

frameborder,规定是否显示框架周围的边框。值:0/1;
name,规定框架的名称。值:name;
noresize,规定无法调整框架的大小。值:noresize;
scrolling,规定是否在框架中显示滚动条。值:yes/no/auto;
src,规定在框架中显示的文档的 URL。值:URL;
marginheight,定义框架的上方和下方的边距。
marginwidth,定义框架的左侧和右侧的边距。

内联框架<iframe>用于在网页内显示网页

  <iframe src="URL"></iframe>
上一篇下一篇

猜你喜欢

热点阅读