task 5

作者: 饥人谷_Vomx | 来源:发表于2017-05-02 06:49 被阅读0次

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

搜集不同类型用户的输入内容,负责数据采集,采集到的数据将被提交给服务器
action=url
method=get/post
常用的input 标签:
<text>标签,单行文本输入框
<password>标签,密码输入,表现形式为圆点
<radio>标签,单选按钮
<checkbox>复选框
<file>文档
<image>图像形式的提交按钮
<reset>重置按钮,清除表单中的所有样式
<submit>提交按钮,把表单数据发给服务器
<button>可点击的按钮
<hidden>隐藏的输入字段

post 和 get 方式的区别?

get用来获取数据,post用来提交数据。

get请求的数据会在附在url中,get数据对所有人都是可见的。通过把所有数据拼接成key=value的形式连在一起,url和传输数据用?分割开来,参数之前以&相连,最终,空格转化为+,如果是中文/其他字符,则把字符串用BASE64加密,体现在url上。因此请求数据较多的话不适合用get,因为那会让url特别长。
post会把提交的数据放入http包的包体中。更加安全。

get提交的数据最多只能1024字节
post没有限制,可传输大量的数据

在input里,name 有什么作用?

name是input元素的名称,用于后台对提交的表单数据进行识别,或者在客户端通过js引用表单数据。

radio 如何 分组?

同一组radio中的name必须相同。

placeholder 属性有什么作用?

占位符,提示用户输入相应的内容。

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

隐藏域是用来收集或发送信息中的不可见元素,对于网页的访问者来说,隐藏域是不可见的。当表单被提交时,隐藏域会将信息用你的设置时定义的名称和值发送到服务器上。

可以防止CSRF攻击,通过后台随机生成的token在隐藏域中,用户提交时验证其合法性。

写一篇博客简单介绍 HTML 表单的用法,附上博客链接

实现如下表单,附上预览地址。其中性别和取向是单选,爱好是多选

https://jsbin.com/fimohileyu/edit?html,output

相关文章

  • Operation的addDependency操作

    我们有7个任务task1, task2, task3, task4, task5, task6, task7并发执...

  • 前端学习十一

    task11_1task11_2task11_3task11_4task11_5 你在学习中遇到什么问题? tas...

  • 数据挖掘竞赛入门之二手车交易价格预测

    Task2-EDATask3-特征工程Task4-模型调参Task5-模型融合

  • Task 5

    form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 表示了文档中的一个区域,这个区域包含有交互...

  • task 5

    form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 搜集不同类型用户的输入内容,负责数据采集,...

  • task 5

    样式有几种引入方式? link 和 @import有什么区别? 外部样式表 内部样式表 内联样式表 link和@i...

  • Task 5

    1. 类和对象 在python中,所有数据类型都可以视为对象。在面向对象的编程中,最重要的概念就是类(Clas...

  • wednesday 28 december 2016

    Task1: deep learnng 5p(1.5h) Task2: doc2vec code Task3: s...

  • 强化口语0104

    TASK 5 STRUCTURE problems: assignment emergency sch...

  • task5

    1. form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 表单的作用是搜集用户的输入,向服务器...

网友评论

      本文标题:task 5

      本文链接:https://www.haomeiwen.com/subject/gntctxtx.html