HTML基础知识三(超链接、表单)
2016-05-09 20:57
513 查看
超链接
语法:<a href=”” title=”注释” target=”_blank()”>
1、 外部链接:
<a href=”http://”></a>
2、 内内部链接:
<a href=”目标文档位置”></a>
3、 E-mail链接
<a href=”mailto:电子邮件”></a>
4、 空链接:
<a href=”#”></a>
5、 局部链接(锚点):
创建锚点:
<a name=”锚点名称(英文名称、指定位置创建锚点)”></a>
链接锚点:
<a href=”加地址或不加后面跟着锚点名称”></a>
6、 下载链接:
<a hef=”文件名称.后缀”></a>
7、 脚本连接:
关闭窗口:
<a href=”javascript:window.close();”></a>
表单
<form action=”跳转链接” method=”post/get”name=”表单名称” target=”打开窗口方式”>
</form>
Post方式:将在http请求中嵌入表单数据(常用)
Get方式:将值附加到该页的url中(不安全)
1、 单行文本
<input name=”文本框名称” type=”text”value=”显示的名称” size=”显示的字符数(宽度)” maxlength=”最多容纳的字符数(限制输入多少个)”>
2、 多行文本框:
<textarea name=”” cols=”每行中的字符数(宽度)”rows=”显示行数(高度)”></textarea>
3、 密码框
<input name=”密码框名称” type=”password” value=”显示的名称”>
4、 按钮
<input name=”文本名称” type=”reset/submit/button”value=”按钮显示的文本”>
Reset:重置
Submit:提交
Button:按钮
5、 单选框:
<input name=”单选框名称” type=”radio”value=”选择名称” checked=”checked”>
Checked默认选中
6、 复选框:
<input name=”复选框名称” type=”checkbox”value=”选择名称” checked=”checked”>
Checked默认选中
7、 列表框
(1) 菜单式:
(2) 烈表式:
<select size=”显示行数(显示个数)”multiple=”multiple”>
<optionselected=”selected” 或者selected></option>
<option></option>
……………………
</select>
Multiple允许多选
Selected 默认选中
8、 隐藏域:
<input type=”hidden” name=”隐藏名称”>
9、 浏览框:
<input type=”file” name=”浏览框名称” size=”显示的字符数(宽度)” maxlength=” 最多容纳的字符数(限制输入多少个)”>
语法:<a href=”” title=”注释” target=”_blank()”>
1、 外部链接:
<a href=”http://”></a>
2、 内内部链接:
<a href=”目标文档位置”></a>
3、 E-mail链接
<a href=”mailto:电子邮件”></a>
4、 空链接:
<a href=”#”></a>
5、 局部链接(锚点):
创建锚点:
<a name=”锚点名称(英文名称、指定位置创建锚点)”></a>
链接锚点:
<a href=”加地址或不加后面跟着锚点名称”></a>
6、 下载链接:
<a hef=”文件名称.后缀”></a>
7、 脚本连接:
关闭窗口:
<a href=”javascript:window.close();”></a>
表单
<form action=”跳转链接” method=”post/get”name=”表单名称” target=”打开窗口方式”>
</form>
Post方式:将在http请求中嵌入表单数据(常用)
Get方式:将值附加到该页的url中(不安全)
1、 单行文本
<input name=”文本框名称” type=”text”value=”显示的名称” size=”显示的字符数(宽度)” maxlength=”最多容纳的字符数(限制输入多少个)”>
2、 多行文本框:
<textarea name=”” cols=”每行中的字符数(宽度)”rows=”显示行数(高度)”></textarea>
3、 密码框
<input name=”密码框名称” type=”password” value=”显示的名称”>
4、 按钮
<input name=”文本名称” type=”reset/submit/button”value=”按钮显示的文本”>
Reset:重置
Submit:提交
Button:按钮
5、 单选框:
<input name=”单选框名称” type=”radio”value=”选择名称” checked=”checked”>
Checked默认选中
6、 复选框:
<input name=”复选框名称” type=”checkbox”value=”选择名称” checked=”checked”>
Checked默认选中
7、 列表框
(1) 菜单式:
(2) 烈表式:
<select size=”显示行数(显示个数)”multiple=”multiple”>
<optionselected=”selected” 或者selected></option>
<option></option>
……………………
</select>
Multiple允许多选
Selected 默认选中
8、 隐藏域:
<input type=”hidden” name=”隐藏名称”>
9、 浏览框:
<input type=”file” name=”浏览框名称” size=”显示的字符数(宽度)” maxlength=” 最多容纳的字符数(限制输入多少个)”>
相关文章推荐
- HTML基础知识二(页面属性、注释、表格、设置表框颜色)
- 【HTML】4.Frameset框架
- HTML布局
- 【HTML】3.Form表单
- HTML块
- 【HTML】2.head标签
- 【HTML】1.何识已淡忘
- html body div height: 100%;
- HTML文本解析器C模块 for LUA - Liigo's blog - 博客频道 - CSDN.NET
- HTML DOCTYPE文档类型举例说明
- HTML基础教程
- <html>全局属性
- HTML高级教程(1/头部)
- java提取html正文的图片代码
- html复习第七天 京东首页布局完成
- HTML基础
- HTML大圣之路笔记—— HTML之 meta属性
- ToolTip用HTML实现
- html的<select>标签,如何获取当前选中的项的内容呢?
- 一些HTML兼容性问题