php 我需要帮助来做一个打印明信片的程序

我有这段HTML代码

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="dark light">
<style>
body {font-family: Arial, Helvetica, sans-serif;
      color: #912020;}
* {box-sizing: border-box;}

input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=submit] {
  background-color: #912020;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #400606;
}

.container {
  border-radius: 5px;
  background-color: #222;
  padding: 20px;
}
</style>
</head>
<body>
<h3 style="color:#db4848;">Contract Form</h3>

<div class="container">
  <form action="/action_page.php">
    
    <label for="fname">CNP (ID)</label>
    <input type="text" id="fname" name="firstname" placeholder="CNP-ul Tintei..">
    
    <label for="fname">Nume</label>
    <input type="text" id="fname" name="firstname" placeholder="Numele Tintei..">

    <label for="lname">Prenume</label>
    <input type="text" id="lname" name="lastname" placeholder="Prenumele Tintei..">
    
    <label for="lname">Varsta</label>
    <input type="text" id="lname" name="lastname" placeholder="Varsta Tintei..">
    
    <label for="lname">Inaltime</label>
    <input type="text" id="lname" name="lastname" placeholder="Inaltimea Tintei..">
    
    <label for="lname">Greutate</label>
    <input type="text" id="lname" name="lastname" placeholder="Greutatea Tintei..">
    
    <label for="lname">Culoare Par</label>
    <input type="text" id="lname" name="lastname" placeholder="Culoarea De Par A Tintei..">
    
    <label for="lname">Tip de contract</label>
    <input type="text" id="lname" name="lastname" placeholder="Type Of Contract..">
    
    <input type="submit" value="Trimite">
  </form>
</div>

</body>
</html>

但是我想把它做成一个程序，这是一个HTML合同，我想做一些接近这个的东西，但是作为一个程序，在按下“提交”后，它会吐出一个“ID”图片，在表单中填写凭证。
（参考示例：https://www.deviantart.com/rubenick/art/International-Contract-Agency-ICA-ID-Card-339097366）
它基本上是一个“身份证”制造商。
我想知道你们认为我应该用什么语言来编写这样的代码，并帮助我学习如何制作它，以便证书显示在图片上。
我想用php做，但这需要我做一个web服务器，所以是的...

您可以使用HTML、CSS和JavaScript来实现所需的功能。
HTML表单数据可以使用jQuery访问和操作。
使用jQuery，您还可以使用来自另一个html元素的附加数据生成另一个html元素。
下面是一个使用jQuery进行HTML操作小示例

中央支助组

table, th, td {
  border: 1px solid;
}

超文本标记语言

<input type="text"  id="name" placeholder="Name">
<input type="email" id="email" placeholder="Email">
<button type="button" id="btn-generate">
Generate Card
</button>

<br><br>

<div id="id_card">

</div>

jQuery语言

$('#btn-generate').on('click', function(){

  name  = $('#name').val();
  email = $('#email').val();
  
  html = `
    <table>
        <tbody>
        <tr>
            <td>`+name+`</td>
          <td>`+email+`</td>
      </tbody>
    </table>
  `;
  
  $('#id_card').html(html)

});

这里有一个小提琴：Fiddle

php 我需要帮助来做一个打印明信片的程序

1条答案

相关问题

热门标签

最新问答