表单元素,框架集

一:表单元素:

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="注册" /> 点注册之后就转到form内的提到服务器的地址

重置按钮,还原到初始值 <input type="reset" name="huanyuan" id="huanyuan" value="重置" />

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

图片按钮:<input type="image" src="图片地址"> 也是提交的

3:选择输入类的

单选按钮:

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

<input type="checkbox" name="duoxuan" value="复选框" id="duoxuan_0"  cheacked="checked"/>

下拉列表:

菜单:
<select name="早餐" id="早餐">
<option value="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="页面1的地址" noresize="noresize" /> noresize是不可以调整大小
<frame src="页面2的地址" />
</frameset>

<frameset cols="100,*" frameborder="no"(去掉分割线)>
<frame src="页面1的地址" />
<frameset rows="100,*,100">
<fram src="页面2的地址">
<fram src="页面3的地址" name="neirong"> 如果2里面是目录,3是显示的内容,则将锚的超链接target="neirong"就可以了
<fram src="页面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="页面地址" width="" height="" >frameborder="0"去边线,scrolling="no"不出现滚动条
</iframe>

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

时间: 2024-11-02 20:58:40

表单元素,框架集的相关文章

140916●表单元素

表单元素: <form id="" name="" method="post/get" action="负责处理的服务端"> id不可重复:name可重复:get提交有长度限制,并且编码后的内容在地址栏可见,post提交无长度限制,且编码后内容不可见. </form> 文本框<input type="txt" name="" id=""

表单,框架,样式表的分类及选择器基础

表单元素1.<from>代表表单,其中属性有action提交给你所设定的页面,method数据提交的方式(get显示提交有长度限制,post隐式提交). 2.文本的表示类型:1.文本框<input>其属性有type类型选择其中的text,valune是文本框的值,name是文本框的名称.2.<input>密码框,其中属性tybe选择password.3.隐藏域其tybe选择hidden.4!文本域用双标签<textarea>,他的值是写在开始和结束标签之间的

通过getElementById来取得Form里的表单元素

<1> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>湖南易通</title> <script src="jquery-1.10.2.js" type="text/javascript"></script> <script type="text/javascript"&

利用jQuery来简化radio,checkbox,select,radio表单元素的操作

获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当前选中值 $('#select_id')[0].selectedIndex = 1; radio单选组的第二个元素为当前选中值.前端框架分享 $('input[@n

JS基础-表单元素-新表单元素-js概述

1.表单元素 1.input元素 1.隐藏域和文件选项框 1.隐藏域 <input type="hidden"> 要提交给服务器的数据,但是不想展示给用户看可以放在隐藏域中. 2.文件选择框 <input type="file"> 注意: 1.method属性的值必须为post 2.enctype属性的值必须为multipart/form-data 2.textarea元素 1.作用 允许输入多行数据的文本框. 2.语法 标记:<tex

第 10 章 表单元素[下]

学习要点: 1.其他元素 2.输入验证 主讲教师:李炎恢 本章主要探讨 HTML5 中表单中剩余的其他元素,然后重点了解一下表单的输入验证功能. 一.其他元素 表单元素还剩下几个元素没有讲解,包括下拉框列表 select.多行文本框 textarea.和 output 计算结果元素. 元素名称 说明 select 生成一个下拉列表进行选择 optgroup 对 select 元素进行编组 option select 元素中的项目 textarea 生成一个多行文本框 output 表示计算结果

html5新增表单元素和属性

从三方面来介绍html5表单的新特性表单结构更灵活 要提交数据的控件可以布局在form标签之外,看下面的代码,表单元素可以写到form元素之外,只需在元素中加入form="form1"属性,也可提交到form元素指定的服务器地址 <body><form action="upload.php" method="post" accept-charset="utf-8" id="form1"&g

表单元素

1.单行文本框<input type="text"/>(input 的type 属性的默认值就是"text") <input type = "text" name="名称"/> 以下是单行文本框的主要属性: size:指定文本框的宽度,以字符个数为单位:在大多数浏览器中,文本框的缺省宽度是20个字符. value:指定文本框的默认值,是在浏览器第一次显示表单或者用户单击<input type=&q

HTML5 学习笔记(二)——HTML5新增属性与表单元素

目录 一.HTML5新增属性 1.1.contextmenu 1.2.contentEditable 1.3.hidden 1.4.draggable 1.5.data-* 1.6.placeholder占位属性 1.7.required必填属性 1.8.pattern正则属性 1.9.autofocus自动聚焦属性 1.10.autocomplete自动完成属性 1.11.novalidate不验证属性 1.12.multiple多选属性 二.HTML5表单新功能解析 2.1.表单结构更自由