美文网首页
饥人谷任务班TASK5

饥人谷任务班TASK5

作者: luosoo | 来源:发表于2017-09-28 16:22 被阅读0次

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

    HTML <form> 元素 表示了文档中的一个区域,这个区域包含有交互控制元件,用来向web服务器提交信息。

    1. 对于用户而言,表单对于用户而言是数据的录入和提交的。
    2. 表单对于网站而言获取用户信息的途径。

    <input type="text" name="" placeholder="">
    用户可以输入的单行文本输入框
    <input type="password" name="" value="">
    单行密码输入框,输入的密码以圆点或者星号显示。
    <input type="hidden" name="" value="">
    隐藏字段,常用来传值。
    <input type="file" accept="image/png">
    上传文件
    <input type="radio" name="" value="">
    单选按钮,每组单选用name来区分。
    <input type="checkbox" name="" value="">
    多选按钮,每组多选用name区分。
    <input type="sumbit" name="sumbit">
    提交按钮,点击后即可向服务器提交数据。
    <input type="button" name="button">
    普通可点击按钮,点击后无任何行为。用于点击时执行javascript程序。

    post 和 get 方式的区别?

    1. Get是用来从服务器上获得数据,而Post是用来向服务器上传递数据。
    2. Get将表单中数据的按照variable=value的形式,添加到action所指向的URL后面,并且两者使用“?”连接,而各个变量之间使用 “&”连接;Post是将表单中的数据放在form的数据体中,按照变量和值相对应的方式,传递到action所指向URL。
    3. Get是不安全的,因为在传输过程,数据被放在请求的URL中,而如今现有的很多服务器、代理服务器或者用户代理都会将请求URL记录到日志文件中,然后 放在某个地方,这样就可能会有一些隐私的信息被第三方看到。另外,用户也可以在浏览器上直接看到提交的数据,一些系统内部消息将会一同显示在用户面前。 Post的所有操作对用户来说都是不可见的。
    4. Get传输的数据量小,这主要是因为受URL长度限制;而Post可以传输大量的数据,所以在上传文件只能使用Post(当然还有一个原因,将在后面的提到)。
    5. Get限制Form表单的数据集的值必须为ASCII字符;而Post支持整个ISO10646字符集。
    6. Get是Form的默认方法。

    在input里,name 有什么作用?

    name规定了input的名称,只有加了name属性的标签元素才会提交到服务器。注意在radio和checkbox中使用 - - 一组选择按钮需要有相同的name.

    radio 如何分组?

    以name属性的值来分组,值相同的为同一组,值不同为不同组。

    placeholder 属性有什么作用?

    placeholder 属性是 HTML5 中的新属性。
    placeholder 属性提供可描述输入字段预期值的提示信息(hint)。
    该提示会在输入字段为空时显示,并会在字段获得焦点时消失。
    注释:placeholder 属性适用于以下的 <input> 类型:text, search, url, telephone, email 以及 password。

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

    type隐藏域在页面中不显示也不占有位置,仅用于获取和传递数据。
    例如:当有金额计算的时候,可以将计算后的金额放入隐藏域中提交至后台。

    相关文章

      网友评论

          本文标题:饥人谷任务班TASK5

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