拼版的特性
1 表格可以被内容撑开,不能被背景撑开
2 背景默认是平铺的,标签有多大,背景就铺多大
3 内容不能放在呢哦让那个上面,内容可以放在背景的上面
DW f4 隐藏/显示 工具栏
表单
作用:收集用户的数据,
表单域
表单的区域,用来控制表单提交时候的数据访问
<form></form>
所有的表单元素都要放到表单中
表单元素
文本框
也叫单行文本
<input type="text" size="10" maxlength="10" name="username">
size=20 表示宽度是20个宽度
maxlength=10 表示最多输入10个字符
name=“username”给文本框取得名字叫 username
type 类别
radio 单选
value 值
cheched 默认选中
checkbox 多选
密码框
<input type="password" size="6" name="pwd">
单选按钮
<input type="radio" name=sex vlaue="1" cheched="cheched"/>男
<input type="radio" name=sex vlaue="1" />女
注意事项;
1 同一组的名字要一致
2 必须给无法输入的表单元素赋值(选择的项 必须 Value ="shuju")
3 默认选中 sheshed="sheshed"
多选
<input type="checkbox" name="hobby" value="拥护共产党" checkod="cheched" />拥护共产党
<input type="checkbox" name="hobby" value="爬山" />爬山
<input type="checkbox" name="hobby" value="游泳" />游泳
注意:vclue=值
cheched=cheched(默认选中)
下拉菜单
<select name="xueli">
<option value="高中">高中</option>
<option value="大壮" selected="selected">大专</option>
<option value="本科">本科</option>
</select>
<select> 是 下拉菜单
<option> 是 下单菜单项
selected:表示默认选中
下拉列表
<select size"4" multiple="multiple" name="dept">
<option value="1">人事部</option>
<option value="2">财务</option>
<option value="3">项目</option>
<option value="4">后勤</option>
<option value="5">保卫</option>
<option value="6">市场</option>
<option value="7">研发</option>
</select>
size=”4“ 显示4个选项
multiple=multiple 摁住ctrl可以多选
多行文本(<textarea>)
多行文本也叫文本域
<textarea name="leaveworeds" cols="30" rows="5"></textarea>
cols:表示容纳的列数(调节宽)
rows:表示容纳的行数(调节高)
提交按钮
<input type="submit" value="注册" name=“ submit” />
用来向服务器提交数据
重置按钮
<input type="reset" value="重置" name=“button” />
用来清空填写的数据,将表单恢复到初始值
普通按钮
提交按钮和重置按钮都是带有功能的按钮,在很多情况下,点击按钮时不是需要提交和重置 ,而是执行自己的功能,这时候就需要一个不带有功能按钮
<input type="button" value="返回" />
(普通按钮)
框架
框架属于将要被淘汰的标签,w3c建议使用内嵌框架
:如何实现在一个浏览器上看到多个页面?
用框架
框架集:<frameset>
框架<frame>
如果有N个框架,,保存n+1个文件
再保存框架的注意事项
光标放在那个开框架中就保存那个框架中的页面,如果这样报讯麻烦,保存所有页面,文件--保存全部 (先保存框架集 在保存框架)
如何将已经有的页面显示到框架中?
将光标定位到框架中,执行文件--在框架中打开(ctel+shift+o)
框架中 显示其他页面用 src属性
内嵌框架(iframe)
<table width='700'>
<tr>
<td width="100">
<a href="锄禾".html target="main">锄禾</a><br />
<a href="草".html target="main">草</a><br />
</td>
<td>
<iframe name="main" src="#" frameborder="0" marginwidth="0" margineight="0"></iframe>
</td>
</tr>
</table>
|
|