黑马程序员技术交流社区

标题: 2032-李志颖-4-6-视频课 [打印本页]

---

作者: 温存另一半的爱    时间: 2017-4-10 22:32
标题: 2032-李志颖-4-6-视频课

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个文件

保存框架注意事项：

光标放在哪个框架中就保存哪个框架中的页面，

这样保存麻烦，如果要保存所有的页面，则执行

文件--保存全部

先保存框架集，再保存框架

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2