這篇文章給大家介紹的內容是關於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="">密 碼:</label><input type="password" name="pwd"></p><p><!-- 3.性別 --><label for="">性 別:</label><input type="radio" name="sex" value="0">男<input type="radio" name="sex" value="1">女</p><p><!-- 4.愛好 --><label for="">愛 好:</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="">玉 照:</label><input type="file" name="file"></p><p><!-- 6.下拉式清單 --><label for="">籍 貫:</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>
運行效果如下: