• HTML Dog 初级教程中关于 forms 的翻译


    Forms
    forms用于搜集用户输入网页上的信息。它们可以当作网络应用的接口,或者用于发送网络数据。

    仅仅使用forms,它们并不那么有用。它们通常结合某种编程语言来处理用户输入的数据。HTML中使用的基本forms标签包括form,input,textarea,select和option。

    form标签
    form定义一个表单。如果你希望使用它来供用户提交信息,那么需要指明该标签的action属性,从而告诉程序用户的信息将被提交到哪。method属性将说明信息如何被传送,该属性默认值为get,该值表示信息将在网页地址中传送。method属性还为post,此时将隐性地传送表单信息。可见,get用于较短的、不敏感的信息传送,比如,在许多网站的搜索结果返回页面地址上,你能看到自己输入的信息。post则用于更长、更安全的信息提交。
        Get

            URL 改变,在URL 里显示 HTML Form 参数的 name/value 值。
            只适合有少量参数的 HTML Form,因为 URL 长度有字符限制,不能无限长。
            涉及安全性的信息,比如用户密码,不能用 get,因为会在 URL 上显示,不安全。

        Post

            URL 不改变,不在 URL 里显示 HTML Form 的数据。
            Form 提交的信息没有长度限制。
            涉及安全性的信息,如用户密码,应采用 post 方式。
    form元素类似于:
     <form action="processingscript.php" method="post">
     </form>
     
     input

    input标签对于表单而言很重要。它有不同的形式,最常用的将在下面列出。
    <input type="text">或者仅仅<input>都表示一个标准的文本框。此时可以有value属性,用于说明该文本框的初始内容。
    <input type="password">类似于文本框,但其中的字符都将被隐藏。
    <input type="checkbox">声明一个复选框。该标签有checked属性(该属性并不需要赋值),用于指明复选框的初始状态,是选中还是没有。
    <input type="radio">是单选框,用户在一组单选框中只能同时选中其中的一个。
    <input type="submit">表示一个按钮,当点击时将提交表单。你可以使用value属性来设置按钮上的文字。
    注意,input标签同img,br一样,并不需要包围任何文本,所以它不需要闭合标签。

    Names
    以上所说的标签在网页上看上去都挺不错,但当你把表单连接到表单处理脚本的时候,这些形式上的东西统统被被忽略。对表单中每个元素而言,都需要有一个name属性,例如<input type="text" name="talkingsponge">。
    一个表单看上去就像这样:

    
    <form action="contactus.php" method="post">
    
        <p>Name:</p>
        <p><input type="text" name="name" value="Your name"></p>
    
        <p>Comments: </p>
        <p><textarea name="comments" rows="5" cols="20">Your comments</textarea></p>
    
        <p>Are you:</p>
        <p><input type="radio" name="areyou" value="male"> Male</p>
        <p><input type="radio" name="areyou" value="female"> Female</p>
        <p><input type="radio" name="areyou" value="hermaphrodite"> An hermaphrodite</p>
        <p><input type="radio" name="areyou" value="asexual"> Asexual</p>
    
        <p><input type="submit"></p>
    
    </form>
    
  • 相关阅读:
    Alpha版(内部测试版)发布
    冲刺2-3
    冲刺2-2
    冲刺2-1
    团队绩效评价
    改进方案
    意见汇总
    27组评价
    冲刺10
    SOA
  • 原文地址:https://www.cnblogs.com/instona/p/3151523.html
Copyright © 2020-2023  润新知