码迷,mamicode.com
首页 > 其他好文 > 详细

14-5-14培训日记

时间:2014-05-16 02:12:53      阅读:369      评论:0      收藏:0      [点我收藏+]

标签:border   form   标签   信息   元素   

<table>  </table>

<tr>表示一行

<th>标题

<td>表格里的一格

<td> 标签定义 HTML 表格中的标准单元格。

HTML 表格有两类单元格:

  • 表头单元 - 包含头部信息(由 th 元素创建)

  • 标准单元 - 包含数据(由 td 元素创建)

td 元素中的文本一般显示为正常字体且左对齐。



border="1"边框

cellspacing="3"  单元格间距

cellpadding="5"元素内边距(内容和边框的距离)

<colspan=”2”>  行合并占用两个单元格。

<rowspan=”3”>  列合并占用3个单元格

 table属性:

borderpixels规定表格边框的宽度。
cellpadding
  • pixels

  • %

规定单元边沿与其内容之间的空白。
cellspacing
  • pixels

  • %

规定单元格之间的空白。
frame
  • void

  • above

  • below

  • hsides

  • lhs

  • rhs

  • vsides

  • box

  • border

规定外侧边框的哪个部分是可见的。
rules
  • none

  • groups

  • rows

  • cols

  • all

规定内侧边框的哪个部分是可见的。
summarytext规定表格的摘要。
width
  • %

  • pixels

规定表格的宽度。



<table border="1" width="500" cellspacing="1" bgcolor="#999999" cellpadding="5">

<tr>

<th scope="col">第一列</th>

 <th scope="col">第二列</th>


</tr>

<tr>

<td bgcolor="#FFFFFF"> row 1, cell 1</td><!---->

<td bgcolor="#FFFFFF"> row 2, cell 2</td>

</tr>

<tr>

<td bgcolor="#FFFFFF"><a href="ww.baidu.com" title="这是个吟唱标题" target="_blank"> row 2, cell 2</a></td>

<td bgcolor="#FFFFFF"> row 2, cell 2</td>

   </tr>

 <tr>

<td bgcolor="#FFFFFF"> 这是个列表

<ul>

<li>列表1</li>

  <li>列表2</li>

<li>列表3</li>

  </ul>

  </td>

  <td bgcolor="#FFFFFF">HELLO</td>

  </tr>

</table>



form表单

属性描述
acceptMIME_typeHTML 5 中不支持。
accept-charsetcharset_list规定服务器可处理的表单数据字符集。
actionURL规定当提交表单时向何处发送表单数据。
autocomplete
  • on

  • off

规定是否启用表单的自动完成功能。
enctype见说明规定在发送表单数据之前如何对其进行编码。
method
  • get

  • post

规定用于发送 form-data 的 HTTP 方法。
nameform_name规定表单的名称。
novalidatenovalidate如果使用该属性,则提交表单时不进行验证。
target
  • _blank

  • _self

  • _parent

  • _top

  • framename

规定在何处打开


<form action=”test.html”  method=”post” enctype=”multipart/form-data” target=”_blank”></form> 表单。

<form>

账号:<inputtype="text" name="zhanghao"><br/>   文本框

密码:<inputtype="password" name="mima">     密码框

<br/>

<input name="sex"type="radio">选择按钮

<input name="sex" type="radio">

<input name="sex"type="radio">不告诉你

<br/>

<select multiple>

<option>北京</option>   下拉多选框

<option>上海</option>

<option>天津</option>

<option>武汉</option>

<option>桂林</option>

</select>

<select>

<option>北京</option>   下拉框

<option>上海</option>

<option>天津</option>

<option>武汉</option>

<option>桂林</option>

</select>

<br/>

<input name="aihao[]"type="checkbox" />游泳多选框

<input name="aihao[]"type="checkbox" />旅游

<input name="aihao[]"type="checkbox" />看书

<br/>

<input type="file" />    上传按钮

<input type="button"value="button" />    空按钮

<input type="hidden"name="" /><!--隐藏-->

<input type="image"src="images/262205494914.jpg" />  图片域

<br>

<input type="submit" />   提交按钮

<input type="reset" />     重置按钮

</form>


本文出自 “小刘_Blog” 博客,请务必保留此出处http://liuyafang.blog.51cto.com/8837978/1412033

14-5-14培训日记,布布扣,bubuko.com

14-5-14培训日记

标签:border   form   标签   信息   元素   

原文地址:http://liuyafang.blog.51cto.com/8837978/1412033

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