Question

有人可以向我介绍如何为简单的句子对齐任务编写简单的Web（HTML / XML）界面吗？

任务如下：

网页的第1行是英文句子，需要与下面的中文句子匹配：

000325EN    Whatever goes upon two legs is an enemy.

(checkbox)001054ZH  凡靠两条腿行走者皆为仇敌；
(checkbox)001055ZH  凡靠四肢行走者，或者长翅膀者，皆为亲友；
(checkbox)001056ZH  任何动物不得着衣；
(checkbox)001057ZH  任何动物不得卧床；
(checkbox)001058ZH  任何动物不得饮酒；
(checkbox)001059ZH  任何动物不得伤害其他动物；
(checkbox)001060ZH  所有动物一律平等。
(checkbox)Nil       No matching sentence

(submit button) (clear selection button)

用户应该能够单击一个或多个复选框。单击提交按钮时，网页将以

格式在可附加文本文件中保存一行

SentID＆lt; \ TAB＆gt; @ English_sentence＆lt;＆lt; \ TAB＆gt; SentID2＆lt; \ TAB＆gt; = Chinese_sentence（例如：

000325EN    @Whatever goes upon two legs is an enemy.   001054ZH    =凡靠两条腿行走者皆为仇敌；

如果与英语句子匹配的次数超过1次，则可能如下所示

000325EN    @Whatever goes upon two legs is an enemy.   001054ZH    =凡靠两条腿行走者皆为仇敌；  001055ZH    =凡靠四肢行走者，或者长翅膀者，皆为亲友；

Answer 1

根据存储数据应该发生的情况，确实可以将它们存储在客户端上，无需任何服务器端脚本，请参阅HTML5本地存储工具：https://developer.mozilla.org/en/dom/storage（包括降级为cookie的示例））。

使用HTML5进入本地存储数据的一个很好的起点是http://diveintohtml5.ep.io/storage.html。

一个简单的例子来自http://msdn.microsoft.com/en-us/library/cc197062(v=vs.85).aspx#_global，并通过上面的链接进行了localStorage检测：

<p>
  You have viewed this page
  <span id="count">an untold number of</span>
  time(s).
</p>

<script>
  function supports_html5_storage() {
    try {
      return 'localStorage' in window && window['localStorage'] !== null;
    } catch (e) {
      return false;
    }
  }

  if (supports_html5_storage()) {
    var storage = window.localStorage;
    if (!storage.pageLoadCount) storage.pageLoadCount = 0;
    storage.pageLoadCount = parseInt(storage.pageLoadCount, 10) + 1;
    document.getElementById('count').innerHTML = storage.pageLoadCount;
  }
  else {
    alert('No local storage available!');
  }
</script>

Answer 2

首先......

用户应该能够点击一个或多个单选按钮

单选按钮的设计只允许一次一个按钮。也许你的意思是改为使用checkbox？

网页会在可附加文本文件中保存一行

如果不使用服务器端语言（例如PHP，Ruby，Python等），则无法实现。

第三，您需要准确指定您想要的内容。单击“提交按钮”时应该发生什么？ “句子对齐”是什么意思？

用于句子对齐任务的GUI

2 个答案: