美文网首页
html表单

html表单

作者: 淡然7698 | 来源:发表于2018-04-20 14:49 被阅读19次
    1. 在input里,name 有什么作用?

    用途1: 作为可与服务器交互数据的HTML元素的服务器端的标示,比如input、select、textarea、和button等。我们可以在服务器端根据其Name通过Request.Params取得元素提交的值。
    用途2: HTML元素Input type='radio'分组,我们知道radio button控件在同一个分组类,check操作是mutex的,同一时间只能选中一个radio,这个分组就是根据相同的Name属性来实现的。
    用途3: 建立页面中的锚点,我们知道<a href="URL">link</a>是获得一个页面超级链接,如果不用href属性,而改用Name,如:<a name="PageBottom"></a>,我们就获得了一个页面锚点。
    用途4: 作为对象的Identity,如Applet、Object、Embed等元素。比如在Applet对象实例中,我们将使用其Name来引用该对象。
    用途5: 在IMG元素和MAP元素之间关联的时候,如果要定义IMG的热点区域,需要使用其属性usemap,使usemap="#name"(被关联的MAP元素的Name)。
    用途6: 某些特定元素的属性,如attribute,meta和param。例如为Object定义参数<PARAM NAME = "appletParameter" VALUE = "value">或Meta中<META NAME = "Author" CONTENT = "Dave Raggett">。
    作者:Maggie_77
    链接:https://www.jianshu.com/p/a58950d58bec

    <input> 标签规定了用户可以在其中输入数据的输入字段。
    <input> 元素在 <form> 元素中使用,用来声明允许用户输入数据的 input 控件。
    name 属性规定 <input> 元素的名称。
    name 属性用于在 JavaScript 中引用元素,或者在表单提交后引用表单数据。
    注意:只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。
    作者:抱着熊喵啃什么
    链接:https://www.jianshu.com/p/b62503929d2a

    1. post 和 get 方式提交数据有什么区别?

    GET 方法
    查询字符串(名称/值对)是在 GET 请求的 URL 中发送的:
    /test/demo_form.php?name1=value1&name2=value2
    有关 GET 请求的其他一些注释:
    GET 请求可被缓存
    GET 请求保留在浏览器历史记录中
    GET 请求可被收藏为书签
    GET 请求不应在处理敏感数据时使用
    GET 请求有长度限制
    GET 请求只应当用于取回数据

    POST 方法
    查询字符串(名称/值对)是在 POST 请求的 HTTP 消息主体中发送的:
    POST /test/demo_form.php HTTP/1.1
    Host: w3cschool.cc
    name1=value1&name2=value2
    有关 POST 请求的其他一些注释:
    POST 请求不会被缓存
    POST 请求不会保留在浏览器历史记录中
    POST 不能被收藏为书签
    POST 请求对数据长度没有要求

    作者:抱着熊喵啃什么
    链接:https://www.jianshu.com/p/b62503929d2a

    1. radio如何分组?

    radio可以通过在input标签中对name属性设置相同的值来实现分组,不同的radio选项通
    过赋相同的name值来表示它们是处于同一组的,处于同一组后,即可实现同组radio只能选择一个的单选作用了

    1. placeholder属性有什么作用?

    placeholder这个单词中文意思是:占位符,占位文本,因此 placeholder="我是占位内容",用于在文本框中预设相关的文本信息,以提醒用户。当用户在文本框中键入了其他字符,则占位内容自动消失。

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

    hidden隐藏域也是表单元素之一,它的语法和其他表单元素一样:

    <input type="hidden" name="field_name" value="value"> 
    

    hidden隐藏域无外乎下面六点作用:
    1.隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器。
    2.有些时候我们要给用户一信息,让他在提交表单时提交上来以确定用户身份,如sessionkey,等等.当然这些东西也能用cookie实现,但使用隐藏域就简单的多了.而且不会有浏览器不支持,用户禁用cookie的烦恼。
    3.有些时候一个form里有多个提交按钮,怎样使程序能够分清楚到底用户是按那一个按钮提交上来的呢?我们就可以写一个隐藏域,然后在每一个按钮处加上onclick="document.form.command.value="xx""然后我们接到数据后先检查command的值就会知道用户是按的那个按钮提交上来的。
    4.有时候一个网页中有多个form,我们知道多个form是不能同时提交的,但有时这些form确实相互作用,我们就可以在form中添加隐藏域来使它们联系起来。
    5.javascript不支持全局变量,但有时我们必须用全局变量,我们就可以把值先存在隐藏域里,它的值就不会丢失了。
    6.还有个例子,比如按一个按钮弹出四个小窗口,当点击其中的一个小窗口时其他三个自动关闭.可是IE不支持小窗口相互调用,所以只有在父窗口写个隐藏域,当小窗口看到那个隐藏域的值是close时就自己关掉。

    1. label 有什么作用?如何使用?

    单选钮、复选框都要点击控件才能选中控件,而如果使用<label>标识就可以实现点击文字选取。

    Label标签有两个属性,一个是for,一个是 accesskey。
    for功能:表示这个Lable是为哪个控件服务的,Label标签要绑定了for指定HTML元素的ID或name属性,你点击这个标签的时候,所绑定的元素将获取焦点 ,点击label所包裹内容,自动指向for指定的id或name
    accesskey则定义了访问这个控件的热键( 所设置的快捷键不能与浏览器的快捷键冲突,否则将优先激活浏览器的快捷键)

    <label for="username" accesskey="N">姓名</label><input id="username" type="text">
    
    1. CSRF 攻击是什么?如何防范? (未完善)

    相关文章

      网友评论

          本文标题:html表单

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