码迷,mamicode.com
首页 > 其他好文 > 详细

表单和框架

时间:2016-08-18 21:19:59      阅读:111      评论:0      收藏:0      [点我收藏+]

标签:

1.3.2  表单

<form></form>    form内的ID不可重复,但是name可以重复  

method=“post”“get”  

get是从服务器上获取数据,提交有长度限制,并且编码后的内容在地址栏可见。post是向服务器传送数据,提交无长度限制,且编码后内容不可见。

1、文本输入类

    文本框<input type=“text” />

    密码框<input type=“password” />

    文本域<textarea name=“”  cols=“(字符数多少)”  rows“(几行高度)”>   </textarea>

    隐藏域<input type=“hidden” />   (基本用不到)

placeholder=“”  显示框内的提示内容

required=“required”   使该文本框为必填项

2、按钮

    提交按钮<input type=“submit” />   点击后会将form内的所有内容打包提交给form里的地址,并刷新页面

    重置按钮<input type=“reset” />    点击后会恢复默认值

    普通按钮<input type=“button” />

    图片按钮<input type=“image” />   属性与提交按钮一样提交并刷新

disabled=“disabled”   禁用 input 元素,被禁用的 input 元素既不可用,也不可点击。可以设置 disabled 属性,直到满足某些其他的条件为止(比如选择了一个复选框等等)相当于让按钮失效。=enable使按钮可用

value=“”   默认值。按钮或输入框的默认值

3、选择输入

    单选按钮组<input type=“radio”  name=“” />    标签后面跟按钮的要显示的选项

    复选框组<input type=“checkbox” />

name=“”   name的值用来打组

value=“”   如果添加value,值是看不见,是提交给系统的

checked=“checked”   添加checked则设该选项为默认选中的。

   下拉列表框<select size=“”>

                   <option value=“(提交给服务器的值,不显示)”> 内容 </option>

                   <option value=“”> 内容 </option>                                                        此两行为下拉列表框内的选项内容

                 </select>

size=“”   size为1时是下拉列表框,size为>1时为列表

multiple=“multiple”   添加此项为复选

 

1.4

1、frameset  需要去掉body用frameset

   <frameset rows=“100,*” frameborder=“no”>  </frameset>  上下分,第一行像素为100,剩余的是第二行;rows换成cols,变为左右分。frameborder=“no”表示去掉分割线

         <frame src=“页面地址” noresize=“noresize” scrolling=“no”> </frameset>  添加noresize为禁止调整窗口大小。添加scrolling=“no”取消显示滚动条

要超链接制定目标页面显示在哪个框架窗口中,第一步要给显示内容的目标frame设置name。第二步给超链接的target属性赋值成第一步中设置的name

让整个frameset页面跳转至某个页面,需要把超链接的target属性设置为“_top”

(href表示到……。src表示从……拿来

2、iframe  在原来页面嵌入小窗口显示其他页面

    <iframe src=“其他页面的地址” width=“宽度” height=“高度” frameborder=“0”(边线粗细) scrolling=“no”(滚动条有无)> </iframe>    (宽和高设置为0则不显示但是后台会有这么一个页面)

表单和框架

标签:

原文地址:http://www.cnblogs.com/jingfengling/p/5785351.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!