首页table的数据行写日期，文本框、附件

table的数据行写日期，文本框、附件

时间: 2024-03-03 19:50:05 浏览: 55

以下是一个示例代码，其中包含您提到的列，包括日期、文本框、附件： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表格示例</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body> <table id="myTable"> <thead> <tr> <th>提单号/运单号</th> <th>一程日期</th> <th>二程日期</th> <th>预计到货日期</th> <th>海船公司</th> <th>船名航次</th> <th>放箱日期</th> <th>放箱单上传</th> <th>备注</th> <th>附件上传</th> </tr> </thead> <tbody> <tr> <td>12345</td> <td><input type="date" name="date1"></td> <td><input type="date" name="date2"></td> <td><input type="date" name="date3"></td> <td>COSCO</td> <td>COSCO SHIPPING KILIMANJARO V.010E</td> <td><input type="date" name="date4"></td> <td><a href="#">upload_file.pdf</a></td> <td><input type="text" name="comment"></td> <td><input type="file" name="attachment"></td> </tr>  </tbody> </table> <script> // jQuery代码用于填充表格数据 $(document).ready(function() { // 可以添加更多数据，包括日期、文本框、附件等 }); </script> </body> </html> ``` 在上面的代码中，我们添加了一个`input`标签来创建日期选择器，并使用`type="date"`属性来指定日期类型。我们还添加了一个`input`标签来创建文本框，并使用`type="text"`属性来指定文本类型。最后，我们添加了一个`input`标签来创建上传文件的输入框，并使用`type="file"`属性来指定文件类型。您可以根据需要修改数据来创建自己的表格。

阅读全文