HTML5屬性:form表單屬性的用法執行個體

來源:互聯網
上載者:User
這篇文章給大家介紹的內容是關於HTML5屬性:form表單屬性的用法執行個體,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所協助。

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>表單</title></head><body><!-- 表單action:提交的網址 預設是當前的網址; 自訂method: 預設:get / post--><form action="" method="post"><p><!-- 1.使用者名稱 --><label for="">使用者名稱:</label><input id="xx" type="text" placeholder="請輸入" name="username"></p><p><!-- 2.密碼 --><label for="">密&nbsp;&nbsp;&nbsp;&nbsp;碼:</label><input type="password" name="pwd"></p><p><!-- 3.性別 --><label for="">性&nbsp;&nbsp;&nbsp;&nbsp;別:</label><input type="radio" name="sex" value="0">男<input type="radio" name="sex" value="1">女</p><p><!-- 4.愛好 --><label for="">愛&nbsp;&nbsp;&nbsp;&nbsp;好:</label><input type="checkbox" name="like" value="0">妹子<input type="checkbox" name="like" value="1">漢子<input type="checkbox" name="like" value="2">健身<input type="checkbox" name="like" value="3">遊泳</p><p><!-- 5.上傳檔案 --><label for="">玉&nbsp;&nbsp;&nbsp;&nbsp;照:</label><input type="file" name="file"></p><p><!-- 6.下拉式清單 --><label for="">籍&nbsp;&nbsp;&nbsp;&nbsp;貫:</label><select name="address" id=""><option value="0">北京</option><option value="1">上海</option><option value="2">廣東</option><option value="3" selected="selected">深圳</option></select></p><p><!-- 7.文本域 --><label for="">個人描述:</label><textarea name="info" id="" cols="30" rows="10"></textarea></p><p><!-- 8.註冊 --><input type="submit" value="註冊"><!-- 9.重設 --><input type="reset"><!-- 10.隱藏欄位 --><input type="hidden" name="isVIP" value="yes"><!-- 11.普通按鈕 --><input type="button" value="普通按鈕"></p></form></body></html>

運行效果如下:

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.