Html 将跨度视为输入元素

是否可以使用范围来触发输入

e、 g

我可能遗漏了一些显而易见的东西，但我基本上只想使用图标字体作为发送按钮

谢谢

您不能放置

type=“submit”

，但您可以在单击它时执行一些Javascript代码

JQuery

<span id="mySpan"> </span>

$("#mySpan").click(function(){

    //stuff here

});

$（“#mySpan”）。单击（函数（）{
//这里的东西
});

Javascript

<span id="mySpan" onclick="MyClick()"> </span>

function MyClick()
{

  //stuff here

}

函数MyClick（）
{
//这里的东西
}

SPAN用作提交按钮

<input type="text" id="usernameInputField />
<input type="email" id="emalInputField />
<span id="mySpan" onclick="Register()"></span>

现在使用Javascript

function Register()
{
   //First you need to do some validation
   var username = document.getElementById("usernameInputField").value;
   var email = document.getElementById("emailInputField").value;
   //Password, Gender, etc...
   //Then start doing your validation the way you like it...
   /*if(password.length<6)
     {
         alert("Password is too short");
         return false;
     }
   */
   //Then when everything is valid, Post to the Server
   //This is a PHP Post Call
   $.post("Register.php",{ username:username,email:email } ,function(data) {
       //more codes
   });
}

函数寄存器（）
{
//首先，您需要进行一些验证
var username=document.getElementById（“usernameInputField”）.value；
var email=document.getElementById（“emailInputField”）.value；
//密码、性别等。。。
//然后开始以你喜欢的方式进行验证。。。
/*如果（password.length如果你有一个表单，你可以调用
myform.submit（）


电子邮件
提交
我想Olaf的答案比Ali的简单。但是，当您希望在使用Olaf的解决方案时，在php脚本中验证表单是否已提交时，会出现一个小问题

若要解决此问题，只需添加一个隐藏输入以确认表单已发送

<form name="myform" method="post" action="action.php">
    <div>
        <label for="email">E-Mail</label>
        <input type="text" id="email" name="email"/>
        <input type="hidden" id="gustav" value="1"/>
    </div>
    <div class="btn">
        <span aria-hidden="true" data-icon="&#xe000;" onclick="myform.submit()">Submit</span>
    </div>
</form>


电子邮件
提交

然后，在PHP中，只需查找
if（$\u POST['gustav']）{…
即可确认表单已发送

<form name="myform" method="post" action="action.php">
    <div>
        <label for="email">E-Mail</label>
        <input type="text" id="email" name="email"/>
        <input type="hidden" id="gustav" value="1"/>
    </div>
    <div class="btn">
        <span aria-hidden="true" data-icon="&#xe000;" onclick="myform.submit()">Submit</span>
    </div>
</form>

这样，您可以在一个页面上有多个表单，所有表单都由同一个php脚本收集，仍然使用Olaf的解决方案来触发提交。
发送按钮？是否要提交表单？您可以使用JavaScript并将单击处理程序绑定到跨度。您可以使用JavaScript来完成此操作；但是，为什么不使用CSS来重新设计一个正常的提交按钮呢tead？为什么不重新设计一个普通的提交^Hi，因为我想特别使用一个图标，例如一个纸平面，当你点击提交表单OK时，我将查看如何使用jQuery发起提交。现有的输入代码看起来像@SparrwHawk。为此，你需要使用jQuery的帖子，谢谢Ali，你能给出一个提交按钮的示例吗？@我提供了一个例子，我希望这是你想要的。检查这些-
<form name="myform" method="post" action="action.php">
    <div>
        <label for="email">E-Mail</label>
        <input type="text" id="email" name="email"/>
        <input type="hidden" id="gustav" value="1"/>
    </div>
    <div class="btn">
        <span aria-hidden="true" data-icon="&#xe000;" onclick="myform.submit()">Submit</span>
    </div>
</form>