表单

制作基本表单

制作一个基本表单需要三个元素:form、input和button

form元素告诉浏览器这是个表单。input元素用于收集用户输入。

配置表单

  • action属性,说明提交表单时浏览器应该把数据发送到什么地方;如果不设置action属性,浏览器会把表单数据发到用以加载该HTML文档的URL
  • method属性,指明将表单数据发送到服务器的HTTP方法。通常由GET和POST两种方式
  • enctype属性,指定浏览器对发送给服务器的数据采用的编码方式
    • application/x-www-form-urlencoded默认编码方式
    • multipart/form-data用于上传文件
    • text/plain
  • autocomplete,自动完成功能
  • target,表单反馈信息的目标显示位置

对表单元素编组

fieldset,将一些元素组织在一起。在每一个fieldset元素中添加一个legend元素为分组添加说明。

可以再fieldset元素中设置disabled属性禁用整组元素

使用button元素

button有三种用法:submit(默认)、reset、button

使用表单外的元素

给表单元素设置form属性为某个表单的id值,就可以将这个元素与并非其祖先元素的form元素挂钩

posted @ 2020-07-25 21:17  唐新梧  阅读(129)  评论(0)    收藏  举报