首页 > 代码库 > 表单元素,框架集

表单元素,框架集

一:表单元素:

form标签:

<form id=""(不可重)  name=""(可以重)  method="post/get"(默认为post,提交的方式,get在地址栏里方式有长度限制,别人通过解码可以看见内容。post长度不限,内容放在报头里面提交,看不到)  action="提到服务端的地址提交给谁来处理">
</form>
1.文本输入类
文本框:<input type="text"  name=""  id="" value="">
密码框:<input type="password"  name=""  id="" value="">
文本区域:多行 <textarea name="" id="" cols=""(字符多少) rows=""(几行高) ></textarea>
看不见的文本框:隐藏域  <input type="hidden"  name=""  id="" value="">

2:按钮类的:


提交按钮 <input type="submit" name="zhuce" id="zhuce" value="http://www.mamicode.com/注册" /> 点注册之后就转到form内的提到服务器的地址

重置按钮,还原到初始值 <input type="reset" name="huanyuan" id="huanyuan" value="http://www.mamicode.com/重置" />

普通按钮,<input type="button" name="anniu" id="anniu" value="http://www.mamicode.com/普通按钮" /> 写程序进行其它的控制

图片按钮:<input type="image" src="http://www.mamicode.com/图片地址"> 也是提交的

3:选择输入类的

单选按钮:

<input type="radio" name="sex" value="http://www.mamicode.com/true" id="sex_0" /> 男,name值用来分组的  value值看不见,提交给程序用的
     
<input type="radio" name="sex" value="http://www.mamicode.com/false" id="sex_1" checked="checked"/>女  checked是设置了默认初始值是女
    
多选按钮:

<input type="checkbox" name="duoxuan" value="http://www.mamicode.com/复选框" id="duoxuan_0"  cheacked="checked"/>


下拉列表:

菜单:
<select name="早餐" id="早餐">
<option value="http://www.mamicode.com/0.5" selected="selected">油条</option>  option是选项,可以有多个选项,selected是默认选中这一项
</select>

列表:
<select name="早餐" size="5" id="早餐"> 加了个size,列表的高度,默认选一个,如果要多选加个multiple="multiple"

文件上传:
<input type="file" name=" " id=" " />

二:框架集

1.frameset 最外层的去掉body用frameset

frameset rows="100,*"> 上下排版拆开,第一行高度占100,第二行*占剩下的 ;cols="100,*"是左右拆开
<frame src="http://www.mamicode.com/页面1的地址" noresize="noresize" /> noresize是不可以调整大小
<frame src="http://www.mamicode.com/页面2的地址" />
</frameset>


<frameset cols="100,*" frameborder="no"(去掉分割线)>
<frame src="http://www.mamicode.com/页面1的地址" />
<frameset rows="100,*,100">
<fram src="http://www.mamicode.com/页面2的地址">
<fram src="http://www.mamicode.com/页面3的地址" name="neirong"> 如果2里面是目录,3是显示的内容,则将锚的超链接target="neirong"就可以了
<fram src="http://www.mamicode.com/页面4的地址">

</frameset>
</frameset>

1.如何横向/纵向分割窗口,横向是用rows="100,*",纵向是用cols="100,*"
2.如何分割复杂的窗口,用frameset嵌套来实现

3.如何禁用窗口可调的功能:设置noresize="noresize"

4.如何隐藏分割窗口的边框 frameset的frameborder="no"
5.如何在超链接指定目标页面显示在哪个框架窗口中
  给要显示内容的目标frame设置name属性
  给超链接的target属性赋值为第一步设置的name属性
6.如何让整个frameset页面跳转至某个页面
  把超链接的target属性设置成"_top"
7.如何不让frame中出现滚动条:设置scrolling="no"

2.iframe 在body里面放

在原来的html页面的内容套个小窗口,用来显示其他页面的内容

<iframe src="http://www.mamicode.com/页面地址" width="" height="" >frameborder="0"去边线,scrolling="no"不出现滚动条
</iframe>

如果设置高和宽为0,则不显示,但是在后台存在这么一个页面,熊猫烧香病毒就属于这种。

 

表单元素,框架集