0

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

任务如下：

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

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<\TAB>@English_sentence<<\TAB>SentID2<\TAB>=Chinese_sentence（例如：

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

如果有超过 1 个匹配英文句子，它可能看起来像这样

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

2 回答 2

2

根据存储数据应该发生的情况，确实可以将它们存储在客户端上，无需任何服务器端脚本，请参阅 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>
于 2011-07-28T21:01:34.087 回答
0

首先....

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

单选按钮被设计为一次只允许选择一个按钮。也许您的意思是使用复选框？

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

如果不使用服务器端语言（如 PHP、Ruby、Python 等），这是不可能实现的。

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

于 2011-07-25T13:17:00.667 回答