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>

HTML Dog 初级教程中关于 forms 的翻译的更多相关文章

  1. Python图像处理库:Pillow 初级教程

    Python图像处理库:Pillow 初级教程 2014-09-14 翻译 http://pillow.readthedocs.org/en/latest/handbook/tutorial.html ...

  2. shellKali Linux Web 渗透测试— 初级教程(第三课)

    shellKali Linux Web 渗透测试— 初级教程(第三课) 文/玄魂 目录 shellKali Linux Web 渗透测试—初级教程(第三课) 课程目录 通过google hack寻找测 ...

  3. Mac OS X Terminal 101:终端使用初级教程

    Mac OS X Terminal 101:终端使用初级教程 发表于 2012 年 7 月 29 日 由 Renfei Song | 文章目录 1 为什么要使用命令行/如何开启命令行? 2 初识Com ...

  4. Coding 初级教程(二)——上传已有项目

    Coding 初级教程(二)——上传已有项目 [摘要:方针读者 :已具有 Coding.net 的账号. 本文首要先容若何把项目上传到 Coding.net 上. 分两种环境,一种是项目已归入到 gi ...

  5. [初级教程]用SecureCRT+Xming轻松远程实现Linux的X DISPLAY

    [初级教程]用SecureCRT+Xming轻松远程实现Linux的X DISPLAY 发布者:sqqdugdu 时间:10-06 阅读数:2117 测试环境:RHEL 6.1,SecureCRT 5 ...

  6. Window服务初级教程以及log4net配置文件初始化

    Window服务初级教程:http://www.jb51.net/article/48987.htm 另外,配置log4net这个日志功能的时候需要初始化,不然会报没有初始化的错误,而且初始化的节点应 ...

  7. Android初级教程理论知识(第三章测试&数据存储&界面展现)

    首先介绍单元测试,我在javaweb部分有详细介绍单元测试框架的一篇文章. 可以先看在javaweb中的单元测试详解篇http://blog.csdn.net/qq_32059827/article/ ...

  8. Apache Solr 初级教程(介绍、安装部署、Java接口、中文分词)

    Python爬虫视频教程零基础小白到scrapy爬虫高手-轻松入门 https://item.taobao.com/item.htm?spm=a1z38n.10677092.0.0.482434a6E ...

  9. Laravel初级教程浅显易懂适合入门

    整理了一些Laravel初级教程,浅显易懂,特适合入门,留给刚学习laravel想快速上手有需要的朋友 最适合入门的laravel初级教程(一)序言 最适合入门的laravel初级教程(二)安装使用 ...

随机推荐

  1. spring-事件通知实现

    ok,今天不知道看啥来着,突然想起来spring内部的事件通知的实现,其实比较简单,简要记一下.然后又回顾了下eventbus的实现,其实俩者的实现方式大同小异吧,只是spring的很多操作都可以直接 ...

  2. 3D打印切片软件介绍

    熟悉3D打印的流程的人都知道,在建立了3D模型以后要就进行切片,但是什么是切片呢?切片实际上就是讲3D模型转化为3D打印机本身可以执行的代码,G代码,M代码. 3D打印流程 今天我们简要的介绍3款切片 ...

  3. Eclipse运行wordcount步骤

    Eclipse运行wordcount步骤 第一步:建立工程,导入代码. 第二步:建立文件写入数据(以空格分开),并上传到hdfs上. 1.创建文件并写入数据: 2.上传hdfs 在hadoop权限下就 ...

  4. Scala_模式匹配

    模式匹配 简单匹配 Scala的模式匹配最常用于match语句中.下面是一个简单的整型值的匹配实例 object TestMatch {  def main(args: Array[String]): ...

  5. [置顶] 获取网络数据中的数组显示成ListView的简单流程

    首先说一下  这是我自己的个人笔记,如果想看看,不用看细节,可以看流程. 定义一个线程池 ExecutorService pool = Executors.newFixedThreadPool(15) ...

  6. 如何让cxgrid既能充满又能根据内容进行宽度调整?

    如何让cxgrid既能充满又能根据内容进行宽度调整? 原创 2009年02月25日 10:10:00 2793 1.选中cxgridview,在属性中找OptionsView--->ColumA ...

  7. .NET MVC 学习笔记(五)— Data Validation

    .NET MVC 学习笔记(五)—— Data Validation 在实际应用中,我们需要对数据进行增查改删业务,在添加和修改过程中,无论你编写什么样的网页程序,都需要对用户的数据进行验证,以确数据 ...

  8. Unity LuaFramework LuaBundleMode

    设置 AppConst.cs 中的 LuaBundleMode 为 true,开启 Lua 代码 AssetBundle 模式. 启动程序报错,Moudle XXX not found. 我在 Ass ...

  9. mac终端常用命令

    1.du #查看文件目录大小 示例:查看DataCenter目录下所有文件/文件夹的大小 everSeeker:DataCenter pingping$ -h .9G ./Books 1.2M ./C ...

  10. nginx root&alias 文件路径配置

    nginx 指定文件路径有两种方式 root 和 alias,root 与 alias 主要区别在于 nginx 如何解释 location 后面的 uri,这会使两者分别以不同的方式将请求映射到服务 ...