码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-05-05 23:20:58      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:

<h1>表格</h1>
<table>表格的属性</table>
width:表格的宽度,可以用像素或百分比表示
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>

 

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

标签:

原文地址:http://www.cnblogs.com/275147378abc/p/4480595.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!