php - 有没有办法在 php 变量中添加带有 ids/classes 样式的 html？
问题描述
我正在创建一个表单来发送样式化的电子邮件，一切正常，直到我开始将 ID 添加到我的 php 变量内的 html 元素中。这不起作用有什么原因吗？我已经测试了 html 代码，它本身可以正常工作，但是当放入 php 变量时，页面将无法运行。我查看了其他一些帖子，他们说只需像我一样添加 ID，但它不起作用。任何想法为什么？
$email_body = "
<html>
<body>
<style>
*, *::before, *::after {
box-sizing: border-box;
padding:0px;
margin:0px;
}
body {
width:824px;
padding:12px;
}
.skills {
display: inline-block;
width:50%;
text-align: center;
}
.skills > #tr > #td {
display: inline-block;
}
.skills > #tr {
width:100%;
font-size: 0px;
}
.skills > #tr * {
font-size: 16px;
}
.skills > #tr > #td:nth-child(1) {
width:28px;
border:1px lightgray solid;
padding:2px;
text-align: left;
}
.skills > #tr > #td:nth-child(2) {
width:320px;
border:1px lightgray solid;
padding:2px;
text-align: left;
}
.skills > #tr > #td:nth-child(3) {
width:36px;
border:1px lightgray solid;
padding:2px;
text-align: left;
}
.skills > #tr > #td1 {
width:16px;
}
h3, #centered {
text-align: center;
}
.comments {
width:784px;
margin:auto;
}
.comments > #trc {
width:100%;
font-size: 0px;
}
.comments > #trc * {
font-size:16px;
}
.comments > #trc > #tdc {
display: inline-block;
border: 1px lightgray solid;
padding:2px;
}
.comments > #trc > #tdc:nth-child(1) {
width:50px;
}
.comments > #trc > #tdc:nth-child(2) {
width:734px;
}
#skillnum {
padding-left:8px;
width: 55px;
text-align: center;
}
#info {
width:150px;
display:inline-block;
border: 1px black solid;
padding:4px;
font-size: 18px;
}
#info2 {
width:650px;
display:inline-block;
border: 1px black solid;
padding:4px;
font-size: 18px;
}
#sig {
width:600px;
text-align:center;
margin:auto;
}
#sig :nth-child(1) {
width:120px;
display:inline-block;
text-align: right;
}
#sig :nth-child(2) {
display:inline-block;
width:250px;
border-bottom: 1px solid black;
text-align: left;
}
#sig :nth-child(3) {
width:50px;
display:inline-block;
text-align: right;
}
#sig :nth-child(4) {
border-bottom:1px solid black;
width:100px;
display:inline-block;
text-align: left;
}
</style>
<h3>WEEK 1 - Trainee Evaluation</h3>
<h3><i>Must be completed at the end of training week.</i></h3>
<br/>
<div id="info">Trainee Name</div><div id="info2">$traineeName</div>
<div id="info">Trainer Name</div><div id="info2">$trainerName</div>
<div id="info">Date Completed</div><div id="info2">$date</div>
<br/><br/>
<h3><i>Fill in the number that represents the student's demonstrated level of knowledge/skill</i></h3>
<div id="centered">1 = Needs Improvement 2 = Below Average 3 = Meets Expectations 4 = Exceeds Expectations</div><br/>
<div class="skills">
<div id="tr">
<div id="td">1. </div>
<div id="td">Truck Inspection</div>
<div id="td">$q1</div>
<div id="td1"></div>
</div>
<div id="tr">
<div id="td">2. </div>
<div id="td">Air Brake Test</div>
<div id="td">$q2</div>
<div id="td1"></div>
</div>
<div id="tr">
<div id="td">3. </div>
<div id="td">Seat/Mirror Adjustment</div>
<div id="td">$q3</div>
<div id="td1"></div>
</div>
<div id="tr">
<div id="td">4. </div><div id="td">Use of Accelerator</div>
<div id="td">$q4</div>
<div id="td1"></div>
</div>
<div id="tr">
<div id="td">5. </div><div id="td">User of Signals and Horn</div>
<div id="td">$q5</div>
<div id="td1"></div>
</div>
<div id="tr">
<div id="td">6. </div><div id="td">Use of Brakes/Anticipated Stops</div>
<div id="td">$q6</div>
<div id="td1"></div>
</div>
<div id="tr">
<div id="td">7. </div><div id="td">Following Distance</div>
<div id="td">$q7</div>
<div id="td1"></div>
</div>
<div id="tr">
<div id="td">8. </div><div id="td">Straight Forward Driving</div>
<div id="td">$q8</div>
<div id="td1"></div>
</div>
<div id="tr">
<div id="td">9. </div><div id="td">Straight Backing</div>
<div id="td">$q9</div>
<div id="td1"></div>
</div>
<div id="tr">
<div id="td">10. </div><div id="td">Right Turns</div>
<div id="td">$q10</div>
<div id="td1"></div>
</div>
<div id="tr">
<div id="td">11. </div><div id="td">Left Turns</div>
<div id="td">$q11</div>
<div id="td1"></div>
</div>
<div id="tr">
<div id="td">12. </div><div id="td">Crossing Intersections</div>
<div id="td">$q12</div>
<div id="td1"></div>
</div>
<div id="tr">
<div id="td">13. </div><div id="td">Crossing Railroad Tracks</div>
<div id="td">$q13</div>
<div id="td1"></div>
</div>
</div><div class="skills">
<div id="tr">
<div id="td">14. </div><div id="td">Narrow Bridges/Tunnels/Low Underpass</div>
<div id="td">$q14</div>
</div>
<div id="tr">
<div id="td">15. </div><div id="td">Entering Traffic/Merging</div>
<div id="td">$q15</div>
</div>
<div id="tr">
<div id="td">16. </div><div id="td">Passing</div>
<div id="td">$q16</div>
</div>
<div id="tr">
<div id="td">17. </div><div id="td">Lane Changing</div>
<div id="td">$q17</div>
</div>
<div id="tr">
<div id="td">18. </div><div id="td">Pedestrian/Bicyclist/Motorcylcist Awareness</div>
<div id="td">$q18</div>
</div>
<div id="tr">
<div id="td">19. </div><div id="td">Adverse/Inclement Weather</div>
<div id="td">$q19</div>
</div>
<div id="tr">
<div id="td">20. </div><div id="td">Decreased Visibility</div>
<div id="td">$q20</div>
</div>
<div id="tr">
<div id="td">21. </div><div id="td">DOT Logs</div>
<div id="td">$q21</div>
</div>
<div id="tr">
<div id="td">22. </div><div id="td">Load Securement Box/Flatbed</div>
<div id="td">$q22</div>
</div>
<div id="tr">
<div id="td">23. </div><div id="td">Shifting</div>
<div id="td">$q23</div>
</div>
<div id="tr">
<div id="td">24. </div><div id="td">Sliding Tandems</div>
<div id="td">$q24</div>
</div>
<div id="tr">
<div id="td">25. </div><div id="td">Coupling/Uncoupling</div>
<div id="td">$q25</div>
</div>
<div id="tr">
<div id="td">26. </div><div id="td">Following Directions</div>
<div id="td">$q26</div>
</div>
</div>
<br/><br/>
<h3>Comments and Suggestions for Improving Performance</h3>
<div id="skillnum">Skill #</div>
<div class="comments">
<div id="trc">
<div id="tdc">$s1</div>
<div id="tdc">$c1</div>
</div>
<div id="trc">
<div id="tdc">$s2</div>
<div id="tdc">$c2</div>
</div>
<div id="trc">
<div id="tdc">$s3</div>
<div id="tdc">$c3</div>
</div>
<div id="trc">
<div id="tdc">$s4</div>
<div id="tdc">$c4</div>
</div>
<div id="trc">
<div id="tdc">$s5</div>
<div id="tdc">$c5</div>
</div>
<div id="trc">
<div id="tdc">$s6</div>
<div id="tdc">$c6</div>
</div>
<div id="trc">
<div id="tdc">$s7</div>
<div id="tdc">$c7</div>
</div>
<div id="trc">
<div id="tdc">$s8</div>
<div id="tdc">$c8</div>
</div>
</div>
<br/>
<div id="sig"><div>Trainer Signature </div><div></div><div>Date </div><div></div></div>
</body>
</html>
";
解决方案
您可以对 HTML 属性使用撇号。这里有一个例子：
$variable = "<div class='class-name another-class'>...</div>";
推荐阅读
- javascript - 从缓冲区数据创建图像二进制数据数组
- flutter - 如何修复“RenderFlex 在底部溢出 283 像素”的问题？
- reactjs - 反应无线电不重置值
- elixir - 为什么 Phoenix/Plug/Guardian 在 AJAX 调用中不能识别这个 CSRF 令牌？
- snowflake-cloud-data-platform - 需要确保 Snowflake 中跨数据库的表结构相同
- laravel - 使用 Visual Studio Code 在 Laravel 中调试 Vue
- php - Youtube 实时调度
- android - 导航组件，如何在导航抽屉中显示正常的向上/后退按钮而不是汉堡图标
- firebase - 我使用 Firebase 进行平台身份验证。如何添加其他 MFA，例如 Google Authenticator？
- json - 如何在 json 模式中指定某个属性是必需的并且还必须包含特定值？