HTML基础知识三(超链接、表单)

2024-06-22 16:08

本文主要是介绍HTML基础知识三(超链接、表单),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

超链接

语法:<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基础知识三(超链接、表单)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1084764

相关文章

使用Python在Excel中插入、修改、提取和删除超链接

《使用Python在Excel中插入、修改、提取和删除超链接》超链接是Excel中的常用功能,通过点击超链接可以快速跳转到外部网站、本地文件或工作表中的特定单元格,有效提升数据访问的效率和用户体验,这... 目录引言使用工具python在Excel中插入超链接Python修改Excel中的超链接Python

CSS自定义浏览器滚动条样式完整代码

《CSS自定义浏览器滚动条样式完整代码》:本文主要介绍了如何使用CSS自定义浏览器滚动条的样式,包括隐藏滚动条的角落、设置滚动条的基本样式、轨道样式和滑块样式,并提供了完整的CSS代码示例,通过这些技巧,你可以为你的网站添加个性化的滚动条样式,从而提升用户体验,详细内容请阅读本文,希望能对你有所帮助...

css实现图片旋转功能

《css实现图片旋转功能》:本文主要介绍了四种CSS变换效果:图片旋转90度、水平翻转、垂直翻转,并附带了相应的代码示例,详细内容请阅读本文,希望能对你有所帮助... 一 css实现图片旋转90度.icon{ -moz-transform:rotate(-90deg); -webkit-transfo

vue基于ElementUI动态设置表格高度的3种方法

《vue基于ElementUI动态设置表格高度的3种方法》ElementUI+vue动态设置表格高度的几种方法,抛砖引玉,还有其它方法动态设置表格高度,大家可以开动脑筋... 方法一、css + js的形式这个方法需要在表格外层设置一个div,原理是将表格的高度设置成外层div的高度,所以外层的div需要

C#提取PDF表单数据的实现流程

《C#提取PDF表单数据的实现流程》PDF表单是一种常见的数据收集工具,广泛应用于调查问卷、业务合同等场景,凭借出色的跨平台兼容性和标准化特点,PDF表单在各行各业中得到了广泛应用,本文将探讨如何使用... 目录引言使用工具C# 提取多个PDF表单域的数据C# 提取特定PDF表单域的数据引言PDF表单是一

Vue项目中Element UI组件未注册的问题原因及解决方法

《Vue项目中ElementUI组件未注册的问题原因及解决方法》在Vue项目中使用ElementUI组件库时,开发者可能会遇到一些常见问题,例如组件未正确注册导致的警告或错误,本文将详细探讨这些问题... 目录引言一、问题背景1.1 错误信息分析1.2 问题原因二、解决方法2.1 全局引入 Element

详解如何在React中执行条件渲染

《详解如何在React中执行条件渲染》在现代Web开发中,React作为一种流行的JavaScript库,为开发者提供了一种高效构建用户界面的方式,条件渲染是React中的一个关键概念,本文将深入探讨... 目录引言什么是条件渲染?基础示例使用逻辑与运算符(&&)使用条件语句列表中的条件渲染总结引言在现代

详解Vue如何使用xlsx库导出Excel文件

《详解Vue如何使用xlsx库导出Excel文件》第三方库xlsx提供了强大的功能来处理Excel文件,它可以简化导出Excel文件这个过程,本文将为大家详细介绍一下它的具体使用,需要的小伙伴可以了解... 目录1. 安装依赖2. 创建vue组件3. 解释代码在Vue.js项目中导出Excel文件,使用第三

Java实现Excel与HTML互转

《Java实现Excel与HTML互转》Excel是一种电子表格格式,而HTM则是一种用于创建网页的标记语言,虽然两者在用途上存在差异,但有时我们需要将数据从一种格式转换为另一种格式,下面我们就来看看... Excel是一种电子表格格式,广泛用于数据处理和分析,而HTM则是一种用于创建网页的标记语言。虽然两

使用Python实现在Word中添加或删除超链接

《使用Python实现在Word中添加或删除超链接》在Word文档中,超链接是一种将文本或图像连接到其他文档、网页或同一文档中不同部分的功能,本文将为大家介绍一下Python如何实现在Word中添加或... 在Word文档中,超链接是一种将文本或图像连接到其他文档、网页或同一文档中不同部分的功能。通过添加超