HTML - 13表单及表单元素

本教程原出处:网道
本教程文档在原作基础上进行了一定的补充、修改和完善,以满足个人学习、工作中的需要,亦可作为个人口袋书使用。
本教程文档中的原文部分,其版权仍归原作者所有。
本教程文档仅作个人学习、教学和工作使用,任何他人、或机构、组织不得恶意传播、复制本文档,或将本教程文档用做商用

表单标签

  • 表单(form)是用户输入信息与网页互动的一种形式。大多数情况下,用户提交的信息会发给服务器,比如网站的搜索栏就是表单。
  • 表单由一种或多种的小部件组成,比如输入框、按钮、单选框或复选框。这些小部件称为控件(controls)。
  • <form>在这里插入图片描述
  • <form>有以下属性。
  • accept-charset:服务器接受的字符编码列表,使用空格分隔,默认与网页编码相同。
  • action:服务器接收数据的 URL。
  • autocomplete:如果用户没有填写某个控件,浏览器是否可以自动填写该值。它的可能取值分别为off(不自动填写)和on(自动填写)。
  • method:提交数据的 HTTP 方法,可能的值有post(表单数据作为 HTTP 数据体发送),get(表单数据作为 URL 的查询字符串发送),dialog(表单位于内部使用)。
  • enctype:当method属性等于post时,该属性指定提交给服务器的 MIME 类型。可能的值为application/x-www-form-urlencoded(默认值),multipart/form-data(文件上传的情况),text/plain。
  • name:表单的名称,应该在网页中是唯一的。注意,如果一个控件没有设置name属性,那么这个控件的值就不会作为键值对,向服务器发送。
  • novalidate:布尔属性,表单提交时是否取消验证。
  • target:在哪个窗口展示服务器返回的数据,可能的值有 _self(当前窗口),_blank(新建窗口),_parent(父窗口),_top(顶层窗口),标签的name属性(即表单返回结果展示在窗口)。
  • enctype属性
    在这里插入图片描述在这里插入图片描述
  • <fieldset>,<legend>
    在这里插入图片描述
  • <label>
    在这里插入图片描述
  • <input>

在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述

  • <button>
    在这里插入图片描述在这里插入图片描述
  • <select>
    在这里插入图片描述在这里插入图片描述
  • <option>,<optgroup>
    在这里插入图片描述
  • <datalist>
    在这里插入图片描述在这里插入图片描述
  • <textarea>
    在这里插入图片描述
  • <output>
    在这里插入图片描述
  • <progress>
    在这里插入图片描述
  • <meter>
    在这里插入图片描述在这里插入图片描述
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值