1.表格布局注意点: (1)整个页面不要都套在一个表格中,若将内容都放在一个表格中,下载速度会很慢 (2)表格结构尽量整齐 2排版规则 (1)表格可以被内容撑开,不可被背景撑开,默认情况下,背景会平铺,标签有多大,背景就铺多大 (2)内容不能放在内容上面 ,内容只能放在背景上面 (3)图在图上或者文字在图上,图用背景 3 表单(搜集用户数据) (1)表单域:表单的区域,用来控制表单提交时的数据访问 <from> <table> <tr></tr> </table> </from> (2)表单元素: 文本框(单行文本) <input type=”text” name=”username” size=”10”/> Size=10 表示宽度为10个字符的长度 Maxlength=10 表示最多输入10个字符 Name=username 表示给文本框取的名字 <input type=”password” name=”psd” Maxlength=”6” /> Type=password 表示是密码输入框 单选框 <td> <input type=”radio” name=”sex” value=”男” checked=”checked” />男(有checked默认选中) <input type=”radio” name=”sex” value=”女” />女 </td> 注意: 1.同一组的名字必须要相同 2.必须给无法输入的表单元素赋值 3.默认选中 checked=checked 复选框 <input type=”checkbox” name=”hobby” value=”游泳”>游泳 <input type=”checkbox” name=”hobby” value=”跑步”>跑步 <input type=”checkbox” name=”hobby” value=”爬山”>爬山 下拉菜单 <select name=”学历”> <option value=”本科”>本科</option> <option value=”大专”>大专</option> <option value=”高中” selected=”selected”>高中</option> </select> <select>下拉菜单 <option>下拉菜单选项 <selected>表示默认选中 下拉列表 <select name=”dept” size=”2” multiple=”multiple”> <option value=””></option> <option value=””></option> <option value=””></option> <option value=””></option> </select> Size=”2”显示2个选项 Multiple=multiple表示可多选 多行文本 <td> <textarea name=”” cols=”” rows=””> </textaera> </td> Cols表示容纳的列数(调节宽) Rows表示容纳的行数(调节高) 提交按钮 <input type=”submit” value=”注册” name=””/>作用:向服务器提交数据 <input type=”reset” value=”重置” name=””/>作用:清空填写的数据 普通按钮 提交按钮和重置按钮都是担忧功能的按钮,在普通情况下,我们点击但牛的时候是不需要提交和重置,而执行我们自己的功能,就需要一个不带有功能的按钮 <input type=button value=”” name=””> Input type 属性 Text 文本 Password 密码 Checkbox 复选 Radio 单选 Submit 提交 Reset 重置 Button 普通按钮 框架 框架属于将要淘汰的标签 框架集:<frameset></frameset> 框架:<frame> 如果有N个框架,保存N+1个文件 保存框架注意事项: 光标放在哪个框架中就保存哪个框架中的页面, 这样保存麻烦,如果要保存所有的页面,则执行 文件--保存全部 先保存框架集,再保存框架
|