用于打印HTML表单的HTML+CSS+Javascript框架

HTML+CSS+Javascript framework for printable HTML forms?

本文关键字：HTML+CSS+Javascript 框架 表单 打印 HTML 用于      更新时间：2023-09-26

我需要准备一些足球比赛的表格。简单的东西:表格、规则和一些文本标签。一开始，我启动了一个DTP应用程序来创建一个可打印的PDF表单，但后来我意识到我宁愿用HTML、CSS和Javascript来做这件事。

是否有一个面向打印表单的框架，可以让我排版表单，然后让用户选择性地填写一些文本并打印整个东西，客户端?

请注意，我不是在设计用于提交给某些后端服务的常规交互式HTML表单之后。我想要一些模仿老式纸质表单的东西，并且作为可选的加分项，可以让用户在打印之前输入一些文本数据。

举个例子，源代码如下:

<h1>Player List</h1>
<div class="field" data-label="Team Name" class="right"></div>
<table data-rows="5">
    <thead>
        <tr>
            <th>number</th>
            <th>name</th>
        </tr>
    </thead>
 </table>

…可以呈现为:

PLAYER LIST                         _______________
                                       Team Name
number | name
-------+----------
       |
-------+----------
       |
-------+----------
       |
-------+----------
       |
-------+----------
       |
-------+----------

字段将是可点击的，我可以在打印前填写文本。(同样，客户端，没有服务器)

Bootstrap可以帮助你快速创建一个好看的表单。你可以选择使用其他框架，如Backbone、Angular、Knockout或Ember来实际保存数据。但是看起来你并不需要它。

相关文章：