我正在尝试将表单插入到我的某个页面的内容中,每次将包含<style type="text/css">
的表单代码复制到内容中并保存时,Magento会删除样式标记以及更多内容因此,使我的形式看起来不像我编程的方式;当我试图实现我自己的自定义CSS时,这变得非常烦人。我怎么能阻止Magento这样做呢?
我的代码很简单:
<html>
<head>
<link rel="stylesheet" type="text/css" href="../includes/form_style.css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
</head>
<body>
<div id="form11">
<h1>Form</h1>
<form method="post" action="#">
<table id="table11">
<tr><td><p>Name:</p></td><td><input type="text" name="name"/></td></tr>
<tr><td><p>Email:</p></td><td><input type="text" name="email"/></td></tr>
<tr><td><p>Phone:</p></td><td><input type="text" name="phone"/></td></tr>
<tr><td><p>House:</p></td><td><input type="text" name="house"/></td></tr>
<tr><td><p>Street:</p></td><td><input type="text" name="street"/></td></tr>
<tr><td><p>PostCode:</p></td><td><input type="text" name="postcode"/></td></tr>
<tr><td><p>Width (m):</p></td><td><input type="range" name="points" id="points" value="0" min="0" max="100" data-highlight="true"></td></tr>
<tr><td><p>Length (m):</p></td><td><input type="range" name="points" id="points" value="0" min="0" max="100" data-highlight="true"></td></tr>
<tr><td><p>Carpet Type:</p></td><td><select name="carpettype">
<option value="carpet1">Carpet1</option>
<option value="carpet2">Carpet2</option>
<option value="carpet3">Carpet3</option>
<option value="carpet4">Carpet4</option>
<option value="carpet5">Carpet5</option>
</select></td></tr>
<tr><td colspan="2"><input type="submit" value="Submit"/></td></tr>
</table>
</form>
</div>
<div id="image">
<img src="../Desktop/freesamplesrightpanel.png" alt="freesamplesrightpanel" width="470" height="835" />
</div>
</body>
</html>