Question

我需要一个2x2输入元素的表格/网格，用括号括起来。

目标是在带有数学测试的页面中，允许用户介绍矩阵的值。矩阵必须以括号的通常形式出现。

也就是说，从此代码或任何等效代码开始：

<html>
<body>

A + B =
<table>
    <tr>
        <td><input type="text"  $INPUT_PATTERN  name="a11" autofocus/></td>
        <td><input type="text"  $INPUT_PATTERN  name="a11" autofocus/></td>
    </tr>
    <tr>
        <td><input type="text"  $INPUT_PATTERN  name="a11" autofocus/></td>
        <td><input type="text"  $INPUT_PATTERN  name="a11" autofocus/></td>
    </tr>
</table>

</body>
</html>

必须进行两次更正：

强制性：输入元素的2x2矩阵/网格/表必须用大括号括起来
具有以下优点：字符“ A + B =“应与矩阵位于同一行，并垂直居中。

注意：该页面支持MathJax，因此，使用MathJax的解决方案也是有效的。

Answer 1

这是使用现有表进行操作的一种方法。请注意，我仅将内联样式用于演示。您可以根据需要创建样式类

<html>
<body>


<table>
    <tr>
    <td rowspan="2">
    A+B=
    </td>
    <td rowspan="2" style="font-size:2em">(</td>
        <td><input type="text"  $INPUT_PATTERN  name="a11" autofocus/></td>
        <td><input type="text"  $INPUT_PATTERN  name="a11" autofocus/></td>
        
      <td rowspan="2"><span style="font-size:2em">)</span></td>
    </tr>
    <tr>
        <td><input type="text"  $INPUT_PATTERN  name="a11" autofocus/></td>
        <td><input type="text"  $INPUT_PATTERN  name="a11" autofocus/></td>
  
    </tr>
</table>

</body>
</html>

html / css：括号中输入元素的表格/网格

1 个答案: