表格、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王五16
003李四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 语法:&lt;input style="width:100px" /&gt;</dd>
<dt>输入框语法:</dt>
<dd>&lt;input  name="" type="text"  size="文本框的大小"  maxlength="10" /&gt;(单行文本框)</dd>
<dd>
&lt;input  name="" type="password"  size="文本框的大小"  maxlenght="10" /&gt;(type="password"类型——设置密码)
</dd>
<dd>&lt;textarea&gt; 我多行文本框 &lt;/textarea&gt;(多行文本框也就是下面事例中的多行文本域)</dd>
<dd></dd>
</dl>


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

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

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

</form>



</body>

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

读心悦

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值