1. 程式人生 > 實用技巧 >ECMAScript 6-Class

ECMAScript 6-Class

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"> 
    <title>表單</title>
</head>
<body>
    <h1 align="center">註冊資訊</h1>
    <hr color="#336699">
    <form>
        <table width="600px" bgcolor="#f2f2f2" align="center"
> <tr> <td align="right">姓名:</td> <td align="left"><input type="text" name="username" size="25" maxlength="6" placeholder="請輸入姓名" /></td> </tr> <tr> <td align="right"
>郵箱:</td> <td align="left"><input type="text" name="email" value="@163.com"></td> </tr> <tr> <td align="right">密碼:</td> <td align="left"><input type="password" name="paw" size
="25" maxlength="6" placeholder="請輸入密碼" /></td> </tr> <tr> <td align="right">確認密碼:</td> <td align="left"><input type="password" name="paw_confirm" size="25" maxlength="6" placeholder="請再輸入密碼" /></td> </tr> <tr> <td align="right">上傳照片:</td> <td align="left"><input type="file" name="file"></td> </tr> <tr> <td align="right">性別:</td> <td align="left"><input type="radio" name="sex" value="man"><input type="radio" name="sex" value="women"> </td> </tr> <tr> <td align="right">愛好:</td> <td align="left">讀書<input type="checkbox" name="dx1" value="read"> 跳舞<input type="checkbox" name="dx1" value="dance"> 唱歌<input type="checkbox" name="dx1" value="sing"> </td> </tr> <tr> <td align="right">簡介:</td> <td align="left"><textarea name="jj" rows="6" cols="50" placeholder="請輸入簡介"></textarea></td> </tr> <tr> <td align="right">城市:</td> <td align="left"> <select name="city" size="2"> <option value="xz">--請選擇--</option> <optgroup label="華北"> <option value="bj">北京</option> <option value="tj">天津</option> <option value="zj">浙江</option> </optgroup> <optgroup label="華東"> <option value="hb">河北</option> <option value="sh">上海</option> <option value="gd">廣東</option> </optgroup> </select> </td> </tr> <tr> <td colspan="2" align="center"> <input type="button" name="button" value="來點我"> <input type="submit" name="submit"> <input type="reset" name="reset"> </td> </tr> </table> </form> </body> </html>