• HTML中的表格,表单,及框架


    <h1>表格</h1>
    <table>表格的属性</table>
    表格的宽度,可以用像素或百分比表示
    border:边框,常用值是0
    cellpadding:内容跟单元格边框的边距,常用值是0
    cellpadding:单元格之间的间距,常用值是0
    align:表格在页面中的对齐方式
    bgcolor:表格的背景色
    background:表格的背景图片
    <tr></tr>
    align:一行的内容的水平对齐方式
    valign:一行的内容的垂直的对齐方式
    height:行高
    bgcolor:背景色
    background:背景图片
    <td>单元格</td>
    align:单元格的内容的对齐方式
    valign:单元格内容的垂直对齐方式
    with:单元格的宽度
    height:单元格的高度
    bgcolor:背景色
    background:背景图片
    <table width="100%" border="1">
      <tr bgcolor="#FF3333">
        <td align="right" colspan="2">你好</td>
        <td width="26%" valign="middle" rowspan="2">你也好</td>
      </tr>
      <tr>
        <td bgcolor="#3399CC" width="40%">&nbsp;</td>
        <td width="34%">&nbsp;</td>
      </tr>
    </table>
    <h1>表单</h1>
    <form id="" name="" method="post/get" actain="提交路径">
    <h3>文本框输入<h3>
    文本框<input type="txt" name="" id="1" value=""/>
    密码框<input type="password" name="" id="2" value=""/>
    文本域<textarea name="" id="" cols="20" rows="5"></textarea>
    隐藏域<input type="hidden" name="" id="c" value=""/>
    <h3>按钮</h3> disable使按钮失效的用法
    提交按钮<input type="submit" name="" id=""  value=""/>
    重置按钮<input type="reset" name="" id="" value=""/>
    普通按钮<input type="button" name="" id="" value="">
    图片按钮<input type="image" name="" id="" disable="disable" src="../../../Public/Desktop/腾讯QQ.lnk"/>
    <h3>选择输入</h3>
    单选按钮组,label的用法
    <input type="radio" name="1" id="a"  value=""/><label for="a">蓝球</label>
    <input type="radio" name="1" id="b" value=""/><label for="b"> 足球</label><br>
    复选框组
    <input name="2" type="checkbox" value="">
    <input name="2" type="checkbox" value="">
    <input name="2" type="checkbox" checked="checked"value="">
    文件上传
    <input name="" type="file">
    图片上传
    <input name="" type="image">
    <h3>下拉列表框</h3> mutiple可多选
    <select name="" size="1" id="" mutiple="mutiple">
    <option>淄博</option>
    <option>张店</option>
    <option>淄川</option>
    <option>医院</option>
    
    </select>
    <h1>框架</h1>
    1、 iframe 在原来的页面中嵌入小窗口显示其它页面
    <iframe src="Untitled-3.html" width="100" height="100" frameborder="0" scrolling="no" ></iframe>
    2、frameset 分割窗口
    在同一个浏览器中显示多个页面
    <frameset>
         <frame src=>
         <frame src=>
    </frameset>>
    </form>
  • 相关阅读:
    luogu 3158 [CQOI2011]放棋子
    bzoj 1455 罗马游戏
    luogu 1587 [NOI2016]循环之美
    可供出售的金融资产的交易费用计入初始成本
    交易性金融资产 其他债权投资 债权投资
    win10开始菜单图标损坏修复
    电脑账户无“改用Microsoft账户登录”
    发货通知单明细调整
    背书(财务、会计)
    列表不显示明细
  • 原文地址:https://www.cnblogs.com/275147378abc/p/4480595.html
Copyright © 2020-2023  润新知