HTMLフォームの使い方

HTMLフォームは、ユーザーとサーバ間のコミュニケーションに非常に重要な構成部分であり、日常生活でもフォームに記入する場面によく遭遇します.最も一般的なのはログイン登録とアンケート調査です.まずformフォームの基本構成についてお話しします

  
  

       
       

    ：
    
  
     ：
……（            ）
</form>
</code></pre> 
 <h4>           </h4> 
 <ol> 
  <li>           <code><form/></code>       ，     form  method   action         ，enctype target         。</li> 
  <li>                            ，           。<br/> 3.          name  ，                   ，                      ，      ，        ；                 ，  radio   input   name        （    name  ）         。</li> 
  <li>              value，                ，   <code><input type="text" name="name" placeholder="      "/></code> <code><input type="password" name="pass" placeholder="     "/></code>   value                   ，   select  option，<code><input type="radio" name="sex" value="woman"/></code>，<code><input type="checkbox" name="hobby" value="run"/></code>  value ，              value  ，               value ，                ，                        ·。</li> 
  <li>                ，         ，      csrf  ，                 ，         </li> 
 </ol> 
 <ul> 
  <li>       <code><input type="hidden"/></code>    value             ，                 ，                  ，   css3               ，      。</li> 
  <li>         csrf      ：     ，                 ，                       value                        value       ”  “  ，                         ，      ；              value     ，                       。</li> 
 </ul> 
 <ol start="5"> 
  <li>                    ，  ，  <code><input type="text"/></code>     ，                ，       ，                     <code><textarea/></code>，             ，                。</li> 
  <li>                ，           </li> 
 </ol> 
 <ul> 
  <li>   ：      <code><input type="submit"/></code>           </li> 
  <li>   ：    <code><input type="button"/></code>       ，          ，         （                 ，      button        ，            ，  submit                    ，      。）</li> 
 </ul> 
</article>
                            </div>
                        </div>