Html 提交表单按钮

Html 提交表单按钮,html,css,button,contact-form,Html,Css,Button,Contact Form,我尝试为我的简单联系人表单制作一个自定义的提交按钮,因为我想用CSS来设计它。我将输入类型设置为提交,每当我单击按钮时,它既不提交也不可单击 我创建了一个名为blue button的类,我的样式将显示但无法提交 <a class="blue button" input type="submit">Everything? Send!</a> 一切?发送! 这是完全错误的。对于表单提交按钮: <input type="submit" class="blue-but

我尝试为我的简单联系人表单制作一个自定义的提交按钮,因为我想用CSS来设计它。我将输入类型设置为提交,每当我单击按钮时,它既不提交也不可单击

我创建了一个名为blue button的类,我的样式将显示但无法提交

 <a class="blue button" input type="submit">Everything? Send!</a>
一切?发送!
这是完全错误的。对于表单提交按钮:

<input type="submit" class="blue-button" value="submit" />

一切?发送!
这是完全错误的。对于表单提交按钮:

<input type="submit" class="blue-button" value="submit" />

我不知道您是否真正理解css的概念,无论哪种方式,您都可以尝试:

1-从规则中删除.normal,它未被使用

2-将输入提交放入表单中

3-在css上排序类,比如.blue.button而不是button.blue(jsut组织)

4-悬停是类还是效果?如果其效果正确,则为:悬停


试试这些

我不知道你是否真正理解css的概念,无论哪种方式,你都可以试试:

1-从规则中删除.normal,它未被使用

2-将输入提交放入表单中

3-在css上排序类,比如.blue.button而不是button.blue(jsut组织)

4-悬停是类还是效果?如果其效果正确,则为:悬停


试试这些

你可以试试这样的东西

<a class="blue_button" input type="submit"><input class="submit_button" type="submit" value="Send"></a>

您可以给
submit_按钮
设置
display:block的样式;宽度:100%;高度:100px;保证金:无;边界:无。我建议在
px
中给它一个宽度和高度(固定宽度)。这没有经过测试


在为元素定义类名时留下空间将把它们视为多个类。例如,如果您使用
class=“blue button”
,它表示元素可能会在
上定义样式。blue
.button
您可以尝试以下操作:

<a class="blue_button" input type="submit"><input class="submit_button" type="submit" value="Send"></a>

您可以给
submit_按钮
设置
display:block的样式;宽度:100%;高度:100px;保证金:无;边界:无。我建议在
px
中给它一个宽度和高度(固定宽度)。这没有经过测试


在为元素定义类名时留下空间将把它们视为多个类。例如,如果您使用
class=“blue button”
,它表示元素可以在
.blue
上定义样式。button

介意您给我们看css吗?伙计,您将问题完全更改了3次,您让我失去了我的答案mind@Ark我刚刚在问题中添加了CSS。谢谢你介意你给我们看css吗?伙计,你完全改变了问题三次,你让我失去了理智mind@Ark我刚刚在问题中添加了CSS。谢谢你好,谢谢你!我完全理解CSS,hover就是这个类。谢谢你,我会试试这些!嗨,谢谢你,方舟!我完全理解CSS,hover就是这个类。谢谢你,我会试试这些!为什么使用宽度:100%显示块?块已使用整个空间(如果未声明),为什么对显示块使用宽度:100%?如果未声明,则块已在使用整个空间
<a class="blue button" input type="submit">Everything? Send!</a>
<input type="submit" class="blue-button" value="submit" />
<a class="blue_button" input type="submit"><input class="submit_button" type="submit" value="Send"></a>