不需要设置HTML

Question

没有为我的输入设置所需的html。我正在使用onclick提交表单，而不是提交输入类型。表单提交时输入

中没有任何内容。

<form action="ordercomplete.php" method="post">  
    <div id="supercon">  
  
    
    <?php
    $url="ordersummary.php";
    //left arrow to previous page
    echo"<div id="leftb" onclick="location.href='".$url."';" style="cursor: pointer;">";
    echo'<span class="Centerer"></span>';
    echo'<img  class="Centered" src="arrows.png">';
    echo'</div>';
   ?> 
   </div>    
  <!--delivery details -->
    <div id="conphp">
    <p id="centerp">PLEASE ENTER YOUR DETAILS</p>
    <p id="conphpp">
        >Name: <br/>
    <input  type='text' name='name' required/>   
    </p> 
    <P id="conphpp"> 
        >Number:<br/>
    <input  type= "text" name="number" required/>
    <br/></P>
       
    <p id="conphpp">
       >Delivery address:<br/>
    <textarea name="address" rows="7" cols="80" required></textarea>      
    </p>     
       
      
    </div>
 <!--right arrow made to submit the form -->
    <div id="rightb" onClick="javascript:document.forms[0].submit();"  style="cursor: pointer;"><span class="Centerer"></span>
    <img  class="Centered" src="arrows-1.png">
    </div>
</form>

这里有什么问题?如何解决这个问题?

Answer 1

这里有什么问题?

用JavaScript提交表单会绕过HTML 5验证。

如何解决?

代替

<div id="rightb" onClick="javascript:document.forms[0].submit();"  style="cursor: pointer;"><span class="Centerer"></span></div>

:

<button id="rightb"><span class="Centerer"></span></button>

…和任何你想让它看起来像你想要的CSS。

你可能也应该在里面放一些实际的内容。我想这将涉及用具有alt属性的<img>替换背景图像。