商品添加 - 添加商品信息 - 常规

<p>&lt;%--
Created by IntelliJ IDEA.
User: User
To change this template use File | Settings | File Templates.
--%&gt;
&lt;%@ page contentType=&quot;text/html;charset=UTF-8&quot; language=&quot;java&quot; %&gt;</p>
<html>
<head>
    <title>商品添加 - 添加商品信息</title>
</head>
<body>
<form action="/add" method="post">
  <h2 style="text-align:center; color:peachpuff;">商品信息</h2>
  <table cellpadding="0" border="1" align="center" style="background-color: yellow;">
    <tr>
      <td>编号</td>
      <td><input type="text" name="id" value=""/></td>
    </tr>
    <tr>
      <td>商品名</td>
      <td><input type="text" name="gname" value=""/></td>
    </tr>
    <tr>
      <td>商品种类</td>
<pre><code>  &lt;td&gt;
    &lt;select name=&quot;gtype&quot; onchange=&quot;showCustomType(this)&quot;&gt;
      &lt;option value=&quot;蔬菜&quot;&gt;蔬菜&lt;/option&gt;
      &lt;option value=&quot;乳制品&quot;&gt;乳制品&lt;/option&gt;
      &lt;option value=&quot;肉蛋&quot;&gt;肉蛋&lt;/option&gt;
      &lt;option value=&quot;饮料&quot;&gt;饮料&lt;/option&gt;
      &lt;option value=&quot;零食&quot;&gt;零食&lt;/option&gt;
      &lt;option value=&quot;主食&quot;&gt;主食&lt;/option&gt;
      &lt;option value=&quot;自定义&quot;&gt;自定义&lt;/option&gt;
    &lt;/select&gt;
    &lt;input type=&quot;text&quot; name=&quot;customType&quot; style=&quot;display: none;&quot;&gt;
  &lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td&gt;商品价格&lt;/td&gt;
  &lt;td&gt;&lt;input type=&quot;text&quot; name=&quot;gprice&quot; value=&quot;&quot;/&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td&gt;单位&lt;/td&gt;
  &lt;td&gt;

    &lt;select name=&quot;danwei&quot;&gt;
      &lt;option value=&quot;斤&quot;&gt;斤&lt;/option&gt;
      &lt;option value=&quot;袋&quot;&gt;袋&lt;/option&gt;
      &lt;option value=&quot;箱&quot;&gt;箱&lt;/option&gt;
      &lt;option value=&quot;包&quot;&gt;包&lt;/option&gt;
    &lt;/select&gt;
  &lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td&gt;更新时间&lt;/td&gt;
  &lt;td&gt;&lt;input type=&quot;date&quot; name=&quot;shijian&quot; value=&quot;&quot;/&gt;&lt;/td&gt;
&lt;/tr&gt;

&lt;tr align=&quot;center&quot;&gt;
  &lt;td colspan=&quot;2&quot;&gt;&lt;input type=&quot;submit&quot; value=&quot;添加&quot;&gt;&lt;/td&gt;
&lt;/tr&gt;
</code></pre>
  </table>
</form>
</body>
</html>
<script>
  function showCustomType(select) {
    var customTypeInput = select.parentNode.querySelector('input[name="customType"]');
    if (select.value === "自定义") {
      customTypeInput.style.display = "inline";
    } else {
      customTypeInput.style.display = "none";
    }
  }
</script>