天天看点

表格、text文本域

表格

  表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。
  字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等

  语法

  <table border="1">
  <tr>
  <td>row(行1), cell(列1)</td>
  <td>row(行1), cell(列1)</td>
  </tr>
  <tr>
  <td>row(行2), cell(列2)</td>
  <td>row(行2), cell(列2)</td>
  </tr>
  </table>

  
表格元素
 <table border=表格的边框的宽度(一般不超过5) width=表格的宽度 height=表格的高度 bordercolor=表格边框线的颜色 bgcolor=整个表格的背景颜色background=表格的背景图片地址(背景图片) align=表格对齐方式> <tr bgcolor=行的背景颜色>(行) <td colspan=跨的列数 rowspan=跨的行数 bgcolor=本单元格的背景颜色 background=本单元格的背景图片地址(背景图片) align=单元格中的内容对齐方式(right/left/center/)></td>(单元格) </tr> </table> 
 
填充、间距属性
 cellpadding:内容与单元格内边框线的距离(内填充) cellspacing:单元格之间的距离(外间距) 
 
 
编号姓名年龄性别001张三 23女002王五16003李四男22
<h1>表单文本域</h1>

 <dl>
 <dt>文本域元素</dt>
 <dd>maxlength--限制输入的最大字符</dd>
 <dd>
 size---size 属性规定输入字段的宽度,文本框的大小(一般不用,一般使用css控制:windw="10") size 属性定义的是可见的字符数。而对于其他类型,size 属性定义的是以像素为单位的输入字段宽度。
 </dd>
 <dd>
 输入框默认选择:autofocus="autofocus"
 </dd>
 <dd>
 在输入框里显示默认文字:placeholder="请输入邮箱"
 </dd>
 <dt>兼容性提示</dt>
 <dd>由于 size 属性是一个可视化的设计属性,我们推荐您使用 CSS 来代替它。</dd>
 <dd>CSS 语法:<input style="width:100px" /></dd>
 <dt>输入框语法:</dt>
 <dd><input  name="" type="text"  size="文本框的大小"  maxlength="10" />(单行文本框)</dd>
 <dd>
 <input  name="" type="password"  size="文本框的大小"  maxlenght="10" />(type="password"类型——设置密码)
 </dd>
 <dd><textarea> 我多行文本框 </textarea>(多行文本框也就是下面事例中的多行文本域)</dd>
 <dd></dd>
 </dl>


 <b>具体事例:</b>

 <form>
 用户名:<input type="text" size="20" name="username" maxlength="4"> <br><br>
 密 码:<input type="password" name="password"> <br><br>

 多行文本域:
 <textarea cols="40" rows="5" style="margin: 0px; height: 75px; width: 602px;"></textarea> <br><br>

 </form>



 </body>      

继续阅读