几个HTML标签

2017-08-17  本文已影响3人  埼玉是个逗B

一、<table></table>表格

1.表格的4个元素:tbody , tr , th , td

<tr></tr> 行

<th></th> 表头

<td></td> 单元格

2.为表格添加标题和摘要

<table summary="表格简介文本(摘要)">

        <caption>标题</caption>

        <tr></tr>

</table>

二、<a></a>超链接

1.在新窗口中打开链接

<a href="目标网址" target="_blank">click here</a>

2.mailto在网页中链接Email地址

<a href="mailto:yy@qq.com">发送</a>

三、<form></form> 表单

<form method="传送方式" action="服务器文件"></form>

1.文本输入框,密码输入框

<input type="text/password" name="名称" value="文本框默认值">

1. ) type

当type=text时,为文本输入框;当type=password时,为密码输入框

2. ) name

为输入框命名,以备后台ASP,php使用

3. ) value

为文本框设置默认值,一般起提示作用

4. ) placeholder

可用来替换value,效果更好

2.文本域,支持多行输入

<textarea rows="行数" cols="列数">文本</textarea>

1.)<textarea></textarea>之间可输入默认值

2.)默认值可用 placeholder="默认值" 替代

3.)cols和rows可用css中的height和weight替代

3.单选框 和 复选框

<input type="radio/checkbox" value="值" name="名称" checked="checked"/>

1.) type为radio时为单选框,type为checkbox时为复选框

2.)value 提交数据到服务器的值

3.)name 为控件命名,以备后台ASP,PHP使用

4.)checked 当设置check="checked"时,该选项默认被选中

4.下拉列表

<select>

        <option></option>

</select>

1.) value:

<option value="向服务器提交的值">选项</option>

2.)selected="selected", 设置默认被选中的选项

3.)<select multiple="multiple">

在<select>中设置multiple="multiple"可让下拉框进行多选

上一篇下一篇

猜你喜欢

热点阅读