<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表單注冊</title> </head> <body> <form id="form1" method="post"> <table border="1" cellspacing="1" cellpadding="1" width="400px"> <tr align="left"> <td colspan="2" height="40px" width="400px" style="background-color: pink"> <img src=https://www.cnblogs.com/sjslove/p/"https://p0.ssl.qhimg.com/t013feee31537e51f3b.png" height="60px" width="60px" alt="xiangmao" /> </td> </tr> <tr> <th colspan="2">郵箱會員注冊</th> </tr> <tr> <td width="40%" align="center">用戶名:</td> <td width="60%"><input type="text" name="username"></td> </tr> <tr> <td width="40%" align="center">密碼:</td> <td width="60%"><input type="password" name="pw"></td> </tr> <tr> <td width="40%" align="center">確認密碼:</td> <td width="60%"><input type="password" name="pw"></td> </tr> <tr> <td width="40%" align="center">性別:</td> <td width="60%"> <input type="radio" name="sex" checked="checked">女 <input type="radio" name="sex">男 </td> </tr> <tr> <td width="40%" align="center">Email:</td> <td width="60%"><input type="email" name="email"></td> </tr> <tr> <td width="40%" align="center">phone:</td> <td width="60%"><input type="tel" name="tel"></td> </tr> <tr> <td width="40%" align="center">年齡:</td> <td width="60%"><input type="number" name="age" min="12" max="100" placeholder="20"></td> </tr> <tr> <td width="40%" align="center">專業:</td> <td width="60%"> <input list="prefress" name="prefress"> <datalist id="prefress"> <option value=https://www.cnblogs.com/sjslove/p/"資訊管理"> <option value=https://www.cnblogs.com/sjslove/p/"前端開發"> <option value=https://www.cnblogs.com/sjslove/p/"軟體開發"> <option value=https://www.cnblogs.com/sjslove/p/"視覺影視"> <option value=https://www.cnblogs.com/sjslove/p/"平面設計"> </datalist> </td> </tr> <tr> <td width="40%" align="center">出生日期:</td> <td width="60%"><input type="date" name="birth"></td> </tr> <tr> <td width="40%" align="center">周數:</td> <td width="60%"><input type="week" name="week" placeholder="9"></td> </tr> <tr> <td width="40%" align="center">你喜歡的顏色:</td> <td width="60%"><input type="color" name="color"></td> </tr> <tr> <td width="40%" align="center">英語等級:</td> <td width="60%"><input type="range" name="range" min="4" max="6" step="2" ></td> </tr> <tr> <td width="40%" align="center">請選擇檔案:</td> <td width="60%"><input type="file" name="file"></td> </tr> <tr> <td width="40%" align="center">愛好:</td> <td width="60%"> <input type="checkbox" name="checkbox">戶外 <input type="checkbox" name="checkbox">音樂 <input type="checkbox" name="checkbox">購物 <input type="checkbox" name="checkbox">其他 </td> </tr> <tr> <td width="40%" align="center">所在地:</td> <td width="60%"> <select> <option>北京</option> <option>上海</option> <option>深圳</option> <option>湖北</option> </select> </td> </tr> <tr> <td width="40%" align="center">備注資訊:</td> <td width="60%"> <textarea cols="30" rows="3" placeholder="在這里添加備注資訊"></textarea> </td> </tr> <tr> <td colspan="2" align="center" style="background-color: pink"> <input type="submit" name="submit" value=https://www.cnblogs.com/sjslove/p/"提交"> <input type="reset" name="reset" value=https://www.cnblogs.com/sjslove/p/"重置"> </td> </tr> </table> </form> </body> </html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/49922.html
標籤：Html/Css