Question

我有一个表格数据的HTMl表格：

Name
Place 
ID

对于用户名，仅显示地点。但不应显示ID。我的意图是在UI上我不希望用户看到ID。但在后台，ID应该在那里。因此，当他更新并使用提交服务器发送表单时，可以按照自己的方式获取信息。

例如：实际表数据

Greg xxx 11111
Adam yyy  11112

用户应显示为

Greg xxx 
Adam yyy

我尝试使用hidden关键字，但无效

  <td>   
    <input readonly="hidden" type="text" name="id" id="mytext" size="9" value="1111 />    </td>
  <td>   
    <input readonly="readonly" type="text" name="name" id="mytext" size="9" value="Greg" /> 
  </td>
  <td>  
    <input readonly="readonly" type="text" name="location" id="mytext1" size="25" value="xxxx" /> 
  </td>

我错过了告诉我我也有问题对齐搞砸了，我只能显示1个元素的值

Answer 1

readonly属性仅用于使元素可编辑。

改为使用type="hidden"。

Input element，Input types

Answer 2

使用type="hidden"。你可能不想把它放在一个单独的<td>

中

Answer 3

使用<input type="hidden" name="id" id="mytext" size="9" value="111" />获取ID

Answer 4

table tr td:nth-child(1) {
  display:none;
}
table tr th:nth-child(1) {
  display:none;
}

隐藏特定列的html表单

4 个答案: