form的基本知识

作者: 66dong66 | 来源:发表于2017-03-06 13:06 被阅读0次

    1.form表单的定义和用法?

    <form> 标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。
    表单还可以包含 menustextareafieldsetlegendlabel 元素
    表单用于向服务器传输数据。

    2.有哪些常用的input 标签,分别有什么作用?

    <input type="text">:定义用于文本输入的单行输入字段(默认宽度为20个字符)
    <input type="password">:定义密码字段
    <input type="radio">:定义单选按钮,允许用户在有限数量的选项中选择一个
    <input type="checkbox">:定义复选框
    <input type="submit">:定义用于向表单处理程序提交表单的按钮。
    <input type="button">:定义按钮
    <input type="number">:用于应该包含数字值的输入字段
    <input type="date">:用于应该包含日期的输入字段
    <input type="color">:用于应该包含颜色的输入字段,根据浏览器支持,颜色选择器会出现输入字段中。
    <input type="range">:用于应该包含一定范围内的值的输入字段,根据浏览器支持,输入字段能够显示为滑动控件
    <input type="month">:允许用户选择月份和年份,根据浏览器的支持,日期选择器会出现在输入字段中
    <input type="week">:允许用户选择周和年,根据浏览器支持,日期选择器会出现输入字段中。
    <input type="time">:允许用户选择时间(无时区),根据浏览器支持,时间选择器会出现输入字段中。
    <input type="datetime">:允许用户选择日期和时间(有时区),根据浏览器支持,日期选择器会出现输入字段中。
    <input type="datetime-local">:允许用户选择日期和时间(无时区),根据浏览器支持,日期选择器会出现输入字段中。
    <input type="email">:用于应该包含电子邮件地址的输入字段,根据浏览器支持,能够在被提交时自动对电子邮件地址进行验证。
    <input type="search">:用于搜索字段(搜索字段的表现类似常规文本字段)。
    <input type="tel">:用于应该包含电话号码的输入字段,目前只有Safari 8支持该类型
    <input type="url">:用于应该包含URL地址的输入字段,根据浏览器的支持,在提交时能够自动验证url字段。

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

    name 属性规定 input 元素的名称,只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。

    4.radio 如何 分组?

    通过name属性的不同分组,同一组的name必须相同,才能够单选。

    5.placeholder 属性有什么作用?

    placeholder 属性规定可描述输入字段预期值的简短的提示信息(比如:一个样本值或者预期格式的短描述)。
    该提示会在用户输入值之前显示在输入字段中。
    注意:placeholder 属性适用于下面的 input 类型:text、search、url、tel、email 和 password。

    6.type=hidden隐藏域有什么作用?

    作用:隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器。

    7.post 和 get 方式的区别?

    get适用于非敏感数据的提交,post适用于敏感数据的提交
    当使用get方法时,表单数据在页面地址栏中是可见的;当使用post方法时,表单数据在页面地址栏中是不可见的。
    get适用于数据的查询和获取,post适用于数据的增加删除和修改
    get方法提交的数据最多只能是1024字节,理论上POST没有限制,可传较大量的数据,IIS4中最大为80KB,IIS5中为100KB

    相关文章

      网友评论

        本文标题:form的基本知识

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