HTML 14 HTML 表单form

HTML

14 HTML 表单 form

14.1 实例
<form action="form_action.asp" method="get">
  <p>First name: <input type="text" name="fname" /></p>
  <p>Last name: <input type="text" name="lname" /></p>
  <input type="submit" value="Submit" />
</form>

在这里插入图片描述

14.2 浏览器支持

在这里插入图片描述

所有浏览器都支持 <form> 标签。

14.3 定义和用法

<form> 标签用于为用户输入创建 HTML 表单。

表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。

表单用于向服务器传输数据。

14.4 提示和注释

**注释:**form 元素是块级元素,其前后会产生折行。

14.5 HTML 与 XHTML 之间的差异

14.6 属性

在这里插入图片描述

说明

enctype 属性可能的值:

  • application/x-www-form-urlencoded
  • multipart/form-data
  • text/plain
14.7 全局属性

<form> 标签支持 HTML 中的全局属性

https://www.w3school.com.cn/tags/html_ref_standardattributes.asp

14.8 事件属性

<form> 标签支持 HTML 中的事件属性

https://www.w3school.com.cn/tags/html_ref_eventattributes.asp

14.9 TIY 实例
14.9.1 文本域(Text fields)

在这里插入图片描述

14.9.2 密码域

在这里插入图片描述

14.9.3 复选框

在这里插入图片描述

14.9.4 单选按钮

在这里插入图片描述

14.9.5 简单的下拉列表

在这里插入图片描述

14.9.6 另一个下拉列表

在这里插入图片描述

14.9.7 文本域

在这里插入图片描述

14.9.8 创建按钮

在这里插入图片描述

14.9.9 围绕数据的Fieldset

在这里插入图片描述

14.9.10 带有输入框和确认按钮的表单

在这里插入图片描述

14.9.11 带有复选框的表单

在这里插入图片描述

14.9.12 带有单选按钮的表单

在这里插入图片描述

14.9.13 从表单发送电子邮件

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Ding Jiaxiong

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值