zoukankan      html  css  js  c++  java
  • 表格和表单

    表格:
    在设计里,创建表格,选择几行几列,表格宽度有百分比和像素
    图片是由像素组成
    像素越多,图片越清晰,图片的文件就越大

    基本结构:
    <table> --表格开始,表格里只能放行
    <tr> --行里只能放列
    <td>万物</td> --列/单元格
    </tr>
    </table>

    table的属性:
    cellpadding:内容与单元格边框的距离,内部距离
    cellspacing:单元格之间的距离,外部距离
    width:宽度
    border:边框
    align:水平对齐方法(align right 向右对齐)

    tr的属性
    valign 垂直对齐的方法
    height:行高

    table、tr和td里都有:
    align:水平对齐方法
    bgcolor:背景颜色
    backgroung:背景图片

    三个重点
    一、几行几列(几行,每一行有几个单元格)

    二、宽度和高度

    三、边框

    表单:

    表单元素一般就写在<form>表单标记中间,一个页面只能有一个form表单
    在head里打入<style type="text/css">
    id里的内容
    </style>
    一、文本输入
    文本框 - <input type="text">
    密码框 - <input type = "password">
    文本域 - <textarea></textarea>
    隐藏域 - <input type="hidden">

    二、按钮
    提交按钮 - <input type="submit">
    重置按钮 - <input type="reset">
    普通按钮 - <input type="button">
    图片按钮 - <input type="image">

    disabled = "disabled" - 是否可用
    value - 按钮显示文字


    三、选择输入
    单选按钮 - <input type="radio">
    复选按钮 - <input type = "checkbox">
    name - 分组
    checked = "checked" - 默认选中
    <label for="指向id"> - 将焦点定位到for指向的id元素上去

    文件上传 - <input type = "file">
    下拉列表框:
    <select multiple="multiple"> - 是否显示多项
    <option>项1</option>
    <option>项2</option>
    ......
    </select>

    option 中有 selected 属性,设置selected ="selected",就是默认选中项

  • 相关阅读:
    Spring Cloud(面试必备):服务雪崩、降级与熔断
    SpringCloud 分布式事务解决方案
    2020年3月25java现场面试(有点料)
    SpringCloud Feign工作原理
    MySQL数据库引擎详解
    MySQL Hardware--CentOS 6修改CPU性能模式
    MySQL Hardware--网络测试
    MySQL Execution Plan--EXPLAIN用法
    MySQL Event--Event and EventScheduler
    MySQL Error--Error Code
  • 原文地址:https://www.cnblogs.com/sunshuping/p/5595876.html
Copyright © 2011-2022 走看看