1. 程式人生 > 其它 >HTML 表單案例

HTML 表單案例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <
h1>xyt 表單練習</h1> <hr> <form action=""> 暱稱:&nbsp;&nbsp;&nbsp; <input type="text" placeholder="請輸入暱稱"> <br> <br> 性別:&nbsp;&nbsp;&nbsp; <input type="radio" name="xyt" checked>
<input type="radio" name="xyt"><br> <br> 所在城市: <select> <option>北京</option> <option>上海</option> <option>廣州</option> <option selected>深圳</option> </
select> <br> <br> 興趣愛好: <input type="checkbox" checked>籃球 <input type="checkbox" checked>羽毛球 <input type="checkbox">騎單車 <br> <br> 喜歡的型別: <label ><input type="checkbox" checked>榔頭</label> <label ><input type="checkbox" checked>鋸子</label> <label ><input type="checkbox" >斧頭</label> <label ><input type="checkbox" >螺絲刀</label> <br> <br> 個人介紹: <br> <br> <textarea cols="15" rows="5"></textarea> <br> <h3>帥小夥</h3> <ul> <li>年齡66</li> <li>年齡77</li> <li>年齡88</li> </ul> 檔案: <input type="file" multiple > <br><br> <input type="submit" value="免費註冊"> <button type="reset">重置</button> </form> </body> </html>