前端视频-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>