农产品质量评估 - 在线评估系统 | Materialize CSS

<div class='container'>
    <h1 class='center-align'>农产品质量评估</h1>
<pre><code>&lt;div class='row'&gt;
  &lt;div class='input-field col s12 m6'&gt;
    &lt;input id='product-name' type='text' class='validate'&gt;
    &lt;label for='product-name'&gt;产品名称&lt;/label&gt;
  &lt;/div&gt;
  &lt;div class='input-field col s12 m6'&gt;
    &lt;input id='harvest-date' type='text' class='datepicker'&gt;
    &lt;label for='harvest-date'&gt;收获日期&lt;/label&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;div class='row'&gt;
  &lt;div class='input-field col s12'&gt;
    &lt;textarea id='product-description' class='materialize-textarea'&gt;&lt;/textarea&gt;
    &lt;label for='product-description'&gt;产品描述&lt;/label&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;div class='row'&gt;
  &lt;div class='col s12'&gt;
    &lt;p&gt;请选择产品质量评级：&lt;/p&gt;
    &lt;p&gt;
      &lt;label&gt;
        &lt;input class='with-gap' name='quality-level' type='radio' value='excellent'&gt;
        &lt;span&gt;优秀&lt;/span&gt;
      &lt;/label&gt;
    &lt;/p&gt;
    &lt;p&gt;
      &lt;label&gt;
        &lt;input class='with-gap' name='quality-level' type='radio' value='good'&gt;
        &lt;span&gt;良好&lt;/span&gt;
      &lt;/label&gt;
    &lt;/p&gt;
    &lt;p&gt;
      &lt;label&gt;
        &lt;input class='with-gap' name='quality-level' type='radio' value='average'&gt;
        &lt;span&gt;一般&lt;/span&gt;
      &lt;/label&gt;
    &lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;div class='row'&gt;
  &lt;div class='col s12'&gt;
    &lt;button class='btn waves-effect waves-light' type='submit' name='action'&gt;提交评估
      &lt;i class='material-icons right'&gt;send&lt;/i&gt;
    &lt;/button&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>
  </div>
  <script src='./materialize.js'></script>
  <script>
    document.addEventListener('DOMContentLoaded', function() {
      const elems = document.querySelectorAll('.datepicker');
      M.Datepicker.init(elems, {
        format: 'yyyy-mm-dd'
      });
    });
  </script>