表格、列表、表单

表格

<table>
  <tr>  //行
     <td>单元格的文字</td>
     ...
  </tr>
  ...
</table>

< th>html表格的表头部分。居中加粗显示。
属性:

属性名属性值描述
alignleft,center,right表格相对周围元素的对其方式
border1或""表格是否有边框,默认为"",表示没有边框
cellpadding像素值单元边沿与其内容之间的空白,默认1像素
cellingspacing像素值单元格之间的空白,默认2像素
width像素或百分比表格的宽度

< thead>表格头部区域
< tbody>表格的主体区域

合并单元格

跨行合并:rowspan=“合并单元格的个数”。
跨列合并:colspan=“合并单元格的个数”。

列表

无序列表

<ul>
   <li>列表项1</li>
   <li>列表项2</li>
   ....
</ul>

注:
< ul>< /ul>只能嵌套< li>< /li>。
< li>< /li>相当于容器,可以容纳所有元素。
无序列表带有自己的样式属性。

有序列表

<ol>
   <li>列表项1</li>
   <li>列表项2</li>
   ...
</ol>

自定义列表

<dl>
   <dt>名词1</dt>
   <dd>名词1解释1</dd>
   <dd>名词1解释2</dd>
</dl>

表单

<form action="URL" method="提交方式" name="表单域名称">
   各种表单元素控件
</form>

method:get/post。

表单控件

input 输入表单元素

<input type="属性值">

type:

属性值描述
button定义可点击按钮
checkbox定义复选框
file定义输入字段和“浏览”按钮,供文件上传
hidden定义隐藏的输入字段
image定义图像形式提交按钮
password定义密码字段。该字段中的字符被掩盖
radio定义单选按钮
reset定义重置按钮。重置按钮会清除表单中的所有数据
submit定义提交按钮。提交按钮会把表单数据发送到服务器
text定义单行输入字段,用户可在其中输入文本。默认长度为20个字符

注:
name,value是每个表单元素都有的属性值,主要给后台人员使用。
name表单元素的名字,要求单选按钮和复选框要有相同的name值。
其他:

属性属性值描述
name由用户定义定义input元素名称
value由用户定义规定input元素的值
checkedchecked规定此input元素首次加载时应当被选中
maxlength正整数规定输入字段中的字符的最大长度

< label>标签

< label>标签用于绑定一个表单元素,当点击< label>标签内的文本时,浏览器会自动将焦点(光标)转到或者选择对应的表单元素上,增加用户体验。

<label for="sex">男</label>
<input type="radio" name="sex" id="sex" />

< label>中的for属性和相关元素的id属性相同。

select 下拉表单元素

<select>
   <option>选项1</option>
   <option>选项2</option>
   <option>选项3</option>
</select>

注:
在< option>中定义selected="selected"时,当前选项为默认选项。

textarea文本域

<textarea rows="3" cols="20">
文本内容
</textarea>

注:
cols=“每行中的字符数”,rows=“显示的行数”。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值