HTML的表单(HTML的表单中保存分类标签tag)

yumo6668个月前 (04-30)技术文章68

表单标签的作用

  • <form>标签及其属性

<from></form>标签对用来创建一个表单,即定义表单的开始和结束位置,<form>标签具有下面等属性。

  • action属性用来设置接收和处理浏览器递交的表单内容的服务器程序的URL。相对和绝对
  • Method属性用来定义浏览器将表单中的信息提交给服务器端的处理程序的方式,取值可以为:GET或POST.
  • Target属性用来指定服务器返回结果显示的目标窗口或目标帧。
  • Title属性用来设置当网站访问者的素、鼠标在表单上的任一位置停留过几秒时,浏览器用黄色小浮标显示的文本(如表单的名称或描述)。
  • Enctype属性指示浏览器使用哪种编码方法将表单数据传送给www服务器。该属性可以有两种取值:
  • application/x-www-form-urlencoded(默认的设置)
  • multipart/form-data

表单字段元素(1)

  • <input type=“submit”>
  • <input type=“reset”>
  • <input type=“text”>

属性:size、value、maxlength、readonly、disabled

  • <input type=“checkbox”>

属性:checked

  • <input type=“radio”>
  • <input type=“hidden”>
  • <input type=“password”>
  • <input type=“button”>

表单字段元素(2)

  • <input type=“file”>
  • <input type=“image”>
  • <select></select><option></option>
  • <select>标签的属性:multiple、size,name
  • <option>标签的属性:value、selected

如何在列表中实现取消选项

  • <textarea></textarea>

属性:cols、rows

  • <label>

属性:for、accesskey


相关文章

快速了解JavaScript的表单操作(js实现表单)

前言在 HTML 中使用 <form> 表单元素在 JavaScript 中对应的是 HTMLFormElement 类型,而HTMLFormElement继承了HTMLElement接口...

阿里开源可跨组件体系的表单配置生成方案,淘宝、天猫都在使用

FormRender通过 JSON Schema 生成标准 Form,常用于自定义搭建配置界面生成如上图,使用 shema 编辑器可实现低上手成本、快速搭建支持 Ant Design 和 Fusion...

【20201119】登录页面模板的制作(登录页面怎么写)

介绍介绍前面我们以及学会了Bootstrap框架和jQuery库的基本使用方法,并且已经把这两个软件包整合到了我们的TFPHP框架里面,接下来我们就可以使用它们去制作用户管理系统的视图模板了。用户管理...

「表单大师小程序」新用法,你GET了吗?

最近表姐从客服小姐姐那儿得知微信公众号可以无限制关联小程序啦,之前也有小伙伴尝试将小程序嵌入到微信公众号内,但需要技术人员在后台进行操作,如今无任何限制了,表单大师当然第一时间免费向小伙伴们开放!支持...

如何使用PHP编写一个简单的留言板?

留言板是一个常见的Web应用程序,允许用户在网站上发布和查看留言。在本文中,我们将使用PHP编写一个简单的留言板,介绍构建过程中的关键步骤和技巧。一、准备工作在开始编写留言板之前,我们需要准备好以下工...