HTML表單模板

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Practice</title>
</head>
<body>
    <form action="#" method="get">
        用戶名:<input type="text" placeholder="請輸入用戶名"><br>
        密&emsp;碼:<input type="password" placeholder="默認爲123456"><br>
        性&emsp;別:<label><input type="radio" name="sex" >男
                    <input type="radio" name="sex">女
                     <!--默認選中  保密-->
                    <input type="radio" name="sex" checked="checked">保密
                    </label><br>
        愛&emsp;好:<label><input type="checkbox" name="hobby">運功
                    <input type="checkbox" name="hobby">旅遊
                    <input type="checkbox" name="hobby">閱讀
                    <input type="checkbox" name="hobby">攝影
                    </label><br>
        地&emsp;址:<label><select name="" id="" >
                        <!--默認選中廣州-->
                        <!--<option value="gz" selected="selected">廣州</option>-->
                        <option>請選擇</option>
                        <option value="bj">北京</option>
                        <option value="sh">上海</option>
                        <option value="sz">深圳</option>
                    </select></label><br>
        上傳頭像:<input type="file"><br>
        我的簡介:<br>
        <label><textarea cols="20" rows="5">很多於10字</textarea></label><br>
        <input type="submit" value="提交"> <input type="reset" value="重置">
    </form>
</body>
</html>


相關文章
相關標籤/搜索