HTML 常用的标签

html常用的简单标签


HTML <a> 标签

<a> 标签定义超链接,用于从一个页面链接到另一个页面。
<a> 元素最重要的属性是 href 属性,它指定链接的目标。
实例

<a href="http://www.baidu.com">百度</a>

HTML <form> 标签

HTML <form> 标签 表示了文档中的一个区域,这个区域包含有交互控制元件,用来向web服务器提交信息。
实例

<!-- 一个简单的表单,这个表单会发送一个 GET 请求 -->
<form action="">
  <label for="GET-name">Name:</label>
  <input id="GET-name" type="text" name="name">
  <input type="submit" value="Save">
</form>

<!-- 一个简单的表单,发送 POST 请求 -->
<form action="" method="post">
  <label for="POST-name">Name:</label>
  <input id="POST-name" type="text" name="name">
  <input type="submit" value="Save">
</form>

<!-- 使用 fieldset, legend, and label 的表单 -->
<form action="" method="post">
  <fieldset>
    <legend>Title</legend>
    <input type="radio" name="radio" id="radio"> <label for="radio">Click me</label>
  </fieldset>
</form>

HTML <input> 标签

HTML <input> 标签用于为基于Web的表单创建交互式控件,以便接受来自用户的数据。
实例 一个简单的 HTML 表单,包含两个文本输入框和一个提交按钮:

<form action="form_action.asp" method="get">
  First name: <input type="text" name="" />
  Last name: <input type="text" name="" />
  <input type="submit" value="Submit" />
</form>

定义和用法
<input> 标签用于搜集用户信息。
根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

HTML <button> 标签

实例
以下代码标记了一个按钮:

<button type="button">Click Me!</button>

定义和用法
<button> 标签定义一个按钮。
在 button 元素内部,您可以放置内容,比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。
<button> 控件 与 <input type="button"> 相比,提供了更为强大的功能和更丰富的内容。<button> 与 </button> 标签之间的所有内容都是按钮的内容,其中包括任何可接受的正文内容,比如文本或多媒体内容。例如,我们可以在按钮中包括一个图像和相关的文本,用它们在按钮中创建一个吸引人的标记图像。
唯一禁止使用的元素是图像映射,因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。
请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button",而其他浏览器中(包括 W3C 规范)的默认值是 "submit"。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,509评论 1 41
  • 1、iframe标签 元素表示嵌套的浏览上下文,将另一个HTML页面嵌入到当前页面中。 嵌套页面时,其默认高50p...
    彻寒寒寒寒丶阅读 510评论 0 1
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,132评论 3 119
  • 第120天《让生命微微笑》实修 主题:永恒之路 功课:转圈圈 地球自转一圈为一天,地球绕着太阳转一圈为一年,月球自...
    01零壹阅读 249评论 0 1
  • 在很久很久以前,在一个遥远的朝代,有一位让人敬佩得五体投地的、无比完美的人…… 第八章东晋【谢安(320年—385...
    神了天阅读 1,005评论 0 3

友情链接更多精彩内容