7.简单介绍HTML表单

1. form表单有什么作用?有哪些常用的input 标签,分别有什么作用?

1.1 表单可以收集已经填写的一些信息提交给服务器-及网站后台;
1.2 常见input标签
<input type="text"> 文本框输入,获取文本信息
<input type="radio"> 单选框,获取单选信息
<input type="checkbox"> 复选框,获取复选信息
<input type="hidden"> 隐藏文本框,获取页面信息隐藏传递
<input type="password"> 密码文本框,输入密码获取密码
<input type="button"> 普通按钮-可设置一些js,触发相关js
<input type="submit"> 提交按钮-提交表单
<input type="reset"> 重置按钮-重置表单
<input type="file"> 上传文档

2. post 和 get 方式的区别?

表单的form的method有两种,get和post;

  • 安全:get发送给后台时,把数据信息拼接起来在url内,可被看见,不安全;post直接只是显示跳转地址,数据外界看不到,更加安全
  • 数据量 :由于get 是把表单数据拼接放在url地址内,故有上限,数据有限,当超过界限,会被截断;post是把表单数据封装直接传给后台服务器,不会在前端界面显示,故可传输大量数据;
  • 表现形式:get 拼接表单数据放置于URL内,随URL一起传递给后台服务器;post则是把信息通过后台直接给服务器,不在前端显示
  • 使用场景 :get一般用于发送一些简单信息;post则是一般用于发送回传一些大量数据,例如文章或数据量大的文档软件

3. 在input里,name 有什么作用?

name 属性用于对提交到服务器后的表单数据进行标识

4. radio 如何 分组?

        <div class="sexual">
            <label for="sexual">取向:</label>
            <input type="radio" name="sex" value="男">男
            <input type="radio" name="sex" value="女">女
        </div>

如上代码,把name设成一样的即可分为一组

5. placeholder 属性有什么作用?

placeholder属性,可以设置提示信息,当输入时,提示信息自动消失,不影响输入和获取;

6. type=hidden隐藏域有什么作用? 举例说明

第一,隐藏一些不想让用户看见的信息
第二,可用于校验数据存储,从而安全性更改;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,253评论 19 139
  • <input>标签 标签用于搜集用户信息,根据不同的type属性值,输入字段拥有很多种形式。输入字段可以是文本字段...
    _空空阅读 4,104评论 0 3
  • Task7 Version two 问答 一、有序列表、无序列表、自定义列表如何使用?写个简单的例子。三者在语义上...
    吴晗君阅读 808评论 0 0
  • 什么是FORM表单: 表单是用来提交资料、意见,规范流程执行过程的格式。表单在网页中主要负责数据采集功能。一个表单...
    PYFang阅读 1,172评论 0 0
  • 本期编辑:流沙小妖怪、落花倾雪 审核:冷眼观史 【卷首语】 生命短暂犹若露珠消散,人们在奔波中探寻答案。运数仿佛大...
    流沙小妖怪阅读 679评论 47 17