1.字符实体
1、 : 空格
2、<: 小于
3、>: 大于
4、©: 版权符号
5、¥: 人民币符号
6、®: 注册标志<br/>
7、&hearts: 心型<br/>
8、½:二分之一<br/>
2.图片与超链接
1、图片
<img src="" width="宽度像素值" height="高度像素值"
title="鼠标悬停在图片上方时的显示文本"
alt="图片加载失败时的文本">
注意:宽高尺寸只给一个值,另外一个方向会自适应
2、超链接标签:
<a href="链接地址">超链接文本</a>
属性:target:设置目标的打开方式 取值:
_self(当前窗口打开)
_blank(新建窗口打开)
href: ""(连接至本页并刷新)
"javascript:void(0)"(链接至本页,不刷新)
"#"(链接到本页的锚点位置)
3.表格单元格合并
1、跨列合并:colspan 取值无单位的数值,表示跨几列
2、跨行合并:rowspan 取值无单位的数值,表示跨几行
4.表单控件
1、表单控件的数据只有放在表单元素中才可以被提交
2、分类:
1、文本框和密码框
文本框 <input type="text">
密码框 <input type="password">
标签属性:
1、type 指定控件类型
2、name 指定控件名称,缺少无法提交
3、value 指定的控件的值,可以通过JS获取
4、maxlength 最大输入字符数
5、placeholder 设置提示文本
6、autocomplete 设置是否自动补全,默认开启 on/off
2、单选和复选框
单选钮 <input type="radio">
复选框 <input type="checkbox>
标签属性:
1、type
2、name 控件名称,一组的按钮控件名称必须保持一致,实现单选
3、value 定义控件的值,最终发送给服务器,按钮的value属性必须指定
4、checked 表示选中当前按钮
特殊用法 label for id
将按钮文本与按钮控件绑定在一起,实现点击文本与点击控件等价的效果
1、<label>按钮文本</label>
2、为控件添加ID属性,属性值自定义
3、为label的添加for 属性,属性值与控件的ID属性保持一致,实现文本与控件的绑定
3、隐藏域和文件选择框
1、隐藏域:需要提交给服务器,但是不需要呈献给用户的内容,都可以使用隐藏域表示
<input type="hidden" name="uid" value="001">
name 定义控件名称,
value 设置控件值,都是必填项
2、文件选择框
<input type="file" name="">
涉及二进制数据提交,文件、图片、MP3,需要设置form表单中的enctype属性,指定数据提交方式为post
4、下拉选择框
<select name="address">
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
...
</select>
5、文本域,支持多行输入
<textarea name="uinfo"></textarea>
标签属性:
1、cols:设置文本域默认宽度,宽度通过列数控制,以英文字符数量为准,中文字符减半
2、rows:指定文本域的行数
特点:文本域的大小可以由用户手动调整
6、按钮
提交按钮:点击时将表单数据发送给服务器
<input type="sumit" value="设置按钮的显示文本">
重置按钮:点击时将表单数据还原成默认状态
<input type="reset" value="设置按钮的显示文本">
普通按钮
<input type="botton" value="设置显示文本">
绑定自定义事件
4、<botton>按钮显示文本</button>
按钮标签可以在HTML中任意地方使用,需要绑定自定义事件
如果botton按钮标签放在form表单中使用,默认具备提交功能,等同于sumit