Question

我想让我网站的访问者可以在输入文本字段中添加分数。所以，如果他们推动＆＃39; /＆＃39;或者我网站上的特定按钮，在文本字段中应弹出一个分数行，并且可以在分子和分母中添加一个数字。当我推动＆＃39; ^＆＃39;时，我会为指数做同样的事情。或特定的按钮。

[编辑]也许我的问题不清楚。我试图自己创建它，但我真的不知道如何开始。我可以在两个独立的字段中创建它，但我希望访问者选择是否必须添加一个分数。我在flash网站上看到了这个解决方案，但是我认为随着html 5的推出，flash就会消失。

Answer 1

这是我能提出的最佳解决方案。我真的不知道如何在输入字段中创建这样的分数。

希望有所帮助

$('#input-main').change(function(){
  $('.main').html($('#input-main').val());
})

$('#input-denom').change(function(){
  $('.denom').html($('#input-denom').val());
})

$('#input-num').change(function(){
  $('.num').html($('#input-num').val());
})

p {display: inline-block}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<lable for="input-main">Number</lable>
<input id="input-main" type="text" value="">
<lable for="input-num">Numerator</lable>
<input id="input-num" type="text" value="">
<lable for="input-denom">Denominator</lable>
<input id="input-denom" type="text" value="">

<p class="main" >1</p><sup class="num">1</sup>&frasl;<sub class="denom">2</sub>

输入带分数的文本

1 个答案: