javascript - 未设置 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

what is the problem here?

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

how to solve this?

替换

<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。

您或许也应该在其中放入一些实际内容。我想这将涉及用 <img> 替换背景图像。有一个 alt属性。