如何使用CSS设置HTML表单的样式_Html_Css

如何使用CSS设置HTML表单的样式

html css

如何使用CSS设置HTML表单的样式,html,css,Html,Css,我正在尝试设计一个使用图像背景的基本HTML表单：一切看起来都和预期的一样，只是出于某种原因，我无法让提交按钮直接显示在文本字段下面；它一直出现在它的旁边，在右边有关如何解决此问题的任何提示？在CSS中，将显示：阻止应用于提交按钮，或者-如果使用浮动进行布局-清除：两个这将在流中将按钮渲染为块级元素，从而生成所需的布局参考文献在CSS中，将显示：block应用于submit按钮，或者-如果对布局使用浮动-清除：两个这将在流中将按钮渲染为块级元素，从而生成所需的布局参考文献

我正在尝试设计一个使用图像背景的基本HTML表单：

一切看起来都和预期的一样，只是出于某种原因，我无法让提交按钮直接显示在文本字段下面；它一直出现在它的旁边，在右边

有关如何解决此问题的任何提示？

在CSS中，将

显示：阻止

应用于提交按钮，或者-如果使用浮动进行布局-

清除：两个
这将在流中将按钮渲染为块级元素，从而生成所需的布局
参考文献


在CSS中，将显示：block
应用于submit按钮，或者-如果对布局使用浮动-清除：两个
这将在流中将按钮渲染为块级元素，从而生成所需的布局
参考文献


。内联CSS会让你的眼睛流血
完成此操作后，制作按钮块级元素可能会达到以下效果（取决于所需的布局）：
。内联CSS会让你的眼睛流血
完成此操作后，制作按钮块级元素可能会达到以下效果（取决于所需的布局）：

--你的风格--
--你们班--

如下所示（对于阴影文本php）：


--你的风格--
--你们班--

如下所示（对于阴影文本php）：

some，使用display:block修复了它。多谢！真棒，使用显示：块修复了它。多谢！
form input[type="image"] {
  display: block;
}

<html>

<style>
--your style--  
</style>

<body>
<form>
 --your class-- 
</form>
</body>

</html>

<?php

echo "<html>";
echo "<head>";

echo "<style>";

echo '.inner_text_shadow{text-shadow: 1px 1px white, -1px -1px #444;}';
echo '.default{font-size:30px;color: darkred;font-weight:bold;}';
echo '</style>';
echo '<body>   <p class="inner_text_shadow default">FreeClup Best Code</p></body>';
echo "</html>";
?>